﻿body 
{
    background-color: #3298B0;
    margin: 20px 0px 20px 0px;
    font-family: Verdana, Arial, Sans-Serif;
    
}


table, tr, td, th
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 8pt;
}

input
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 9pt;
}

a:visited
{
    color: Blue;
}

a:hover
{
     text-decoration: none;
}

textarea
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 9pt;
    resize:none;
}


#wrapper
{
    
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    position: relative;
    width: 770px;
    margin-left: auto;
    margin-right: auto;
    background-color: White;
    
    
}


#headertop_nav
{
    padding: 0px 20px 0px 0px;
    color:#D5D5D5;
    text-align:right;
}

#headertop_nav p {color:#969696; font-size:8pt;padding-top:0px; padding-bottom:8px; margin:0px;}

#headertop_nav a, #headertop_nav a:visited 
{ color:#1D49B0;  font-size:8pt; text-decoration: underline;}

#headertop_nav a:hover
{ color:#1D49B0;  font-size:8pt; text-decoration: none;}

#headertop_nav .active
{ color:#1D49B0;  font-size:8pt; font-weight:bold; }



/*---------------------------------*/
/* Navigation
/*---------------------------------*/

/* Top Navigation */
#nav-wrapper 
{}

#nav 
{
    float:left;
    margin:0px;
    padding:0px;
    list-style:none;
    font-size: 10pt;
    font-family:tahoma,sans-serif;
}

#nav li
{
    float:left;
    list-style:none;
    height: 28px;
}

#nav-wrapper a 
{
    display: inline-table;
    display: -moz-inline-box;
    width: 99px;
    height: 20px;
    display: inline-block;
    color:#fff;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    padding-top: 8px;
    background-image: URL(images/tab_over.jpg);
}


#nav-wrapper a:link, #nav-wrapper a:visited
{
    background-image: URL(images/tab.jpg);
    color:#fff;
}

#nav-wrapper a:hover 
{
    /*background-color:#95B8E6;*/
    background-image: URL(images/tab_over.jpg);
}

#nav-wrapper .active a, #nav-wrapper .active a:link, #nav-wrapper .active a:hover, #nav-wrapper .active a:visited
{
    /*background-color:#95B8E6;*/
    color: #03285D;
    background-image: URL(images/tab_on.jpg); 
}

/* sub navigation tables */
.subNavs 
{ 
    padding: 7px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 4px; 
    color: #627DA5; 
    border-bottom: 2px solid #95B8E6; 
    font-size: 11px; 
 }
.subNavsOn
{ 
    padding: 7px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 4px; 
    color: #03285D; 
    border-bottom: 2px solid #03285D; 
    font-size: 11px; 
 }
.subNavsDivider
{ 
    padding: 0px; 
    padding-left: 7px; 
    padding-right: 7px; 
    color: #D5D5D5;
 }
.subNavsBorder
{ 
    /*C8DBF0*/
    border-bottom: 2px solid #C8DBF0;
    /*border-left: 2px solid #D5D5D5;
    border-right: 2px solid #D5D5D5;*/
}

/* sub navigation links */
.subNavsLink, .subNavsLink:visited 
{ color: #3F6091; text-decoration:none; font-weight: bold; }
.subNavsLink:hover 
{ color: #03285D; font-weight: bold; }
.subNavsLinkOn, .subNavsLinkOn:visited, .subNavsLinkOn:hover 
{ color: #03285D; text-decoration:none; font-weight: bold; }




/*---------------------------------*/
/* Content
/*---------------------------------*/
#Content
{
    padding: 20px 20px 0px 20px;
}

#Content .PageTitle
{
    font-size: 14pt;
    font-family: tahoma,sans-serif;
    font-weight: bold;
}

#Content .CampaignTitle
{
    font-size: 14pt;
    font-family: tahoma,sans-serif;
    font-weight: bold;
    color:Blue;
}

#Content .PageTitle a, #Content .PageTitle a:visited
{
    color: Blue;
    font-size:10pt;
}


#Content .RequiredR{ color:#E8364F; font-weight:bold;}

#Content .InfoKey{background-color:#D5D5D5;  border: solid 1px #7F7F7F; }

#Content .PageDesc
{
    font-size: 10pt;
    font-family: tahoma,sans-serif;
    margin: 0px;
    padding:0px;
}

#Content .PageDesc a:visited { color:Blue;}

#Content .Form { background-color:#EBECEF; padding: 7px; width:716px; margin-top:20px;}
#Content .NonForm { margin-top:20px; }
#Content .FormTitle { color: #1D49B0; font-size: 14px; font-weight: bold; margin: 0px; font-family: Tahoma; padding:0px;}
#Content .InfoBox { background-color:#D5D5D5; padding: 5px; border: solid 1px #7F7F7F; width: 250px; text-align: left;}
#Content .InfoBox a:visited {color:Blue;}
#Content .InfoBoxTD TD {border-bottom: solid 1px #EBECEF; padding-top:3px;}
#Content .HRDiv { border-top: solid 2px #1D49B0; margin:6px 0px 6px 0px; padding:0px; }

#Content .ErrorHeader { background-color: #E8364F; color: #ffffff; padding: 5px 5px 5px 10px; font-weight: bold; margin: 20px 0px 0px 0px; }
#Content .ErrorCasing { border-left: 1px solid #E8364F; border-right: 1px solid #E8364F; border-bottom: 1px solid #E8364F; background-color: #FFF2F2; color: #422D2D; font-size: 11px; }
#Content .ErrorInput { border: 2px solid #DF0000; }
#Content .ErrorSelect { background-color: #FFDEDE; }

#Content .CautionHeader { background-color: #FF7E00; color: #ffffff; padding: 5px 5px 5px 10px; font-weight: bold; margin: 20px 0px 0px 0px; }
#Content .CautionCasing { border-left: 1px solid #FF7E00; border-right: 1px solid #FF7E00; border-bottom: 1px solid #FF7E00; background-color: #FFCC9B; color: #422D2D; font-size: 11px; }


#Content .SuccessHeader { background-color: #2dff37; color: #422D2D; padding: 5px 5px 5px 10px; font-weight: bold; margin: 20px 0px 0px 0px; }
#Content .SuccessCasing { border-left: 1px solid #2dff37; border-right: 1px solid #2dff37; border-bottom: 1px solid #2dff37; background-color: #D0FFD2; color: #422D2D; font-size: 11px; }

#Content .SuccessBlurb { font-size: 12px; font-family: Verdana; }

#Content .GVControlCasing {border: 1px solid #507AB2; margin-bottom: 6px; border-collapse:collapse;  }


/*---------------------------------*/
/* Create Campaign Select Template
/*---------------------------------*/
#Content .bread { padding-bottom: 5px; font-size: 8pt;}
#Content .bread a:visited { color:Blue;}
#Content H1 {font-size: 14pt; font-family: tahoma,sans-serif;font-weight: bold; width: 100%; margin-top:0px; margin-bottom:0px; border-top: solid 2px #D5D5D5; padding-top:20px; }
/*use this one for titles with pics*/
#Content .H1Div {font-size: 14pt; font-family: tahoma,sans-serif;font-weight: bold; width: 100%; border-top: solid 2px #D5D5D5; padding:0px; margin:0px 0px 10px 0px; height:0px; }
#Content .FieldDesc { margin-top: 5px; margin-bottom: 5px; font-size: 8pt; line-height:12pt;}
#Content .FieldContainer { margin-top: 3px; margin-bottom: 20px;  background-color:#D5D5D5; padding-top: 4px; padding-right: 4px; padding-bottom:4px; padding-left:4px;}
#Content .FieldContainer label { font-size: 8pt; float:left; width: 125px; padding-top:5px; }
#Content .FieldContainerCheckBox label {font-size: 8pt; float:none; width: 100%; padding-top:5px;}
#Content .HeaderContainerCheckBox label {font-size: 8pt; float:none; width: 100%; padding-top:5px; color:#898989; font-weight:normal;}
#Content .rightButton { float:right; }
#Content .leftButton { float:left; }
#Content .FormButtonDiv {clear:both; margin-top: 20px; width:100%;}

#Content .FieldContainer table td {border-bottom: solid 1px #EBECEF;}
#Content .FieldContainerTable table td {border-bottom: solid 1px #D5D5D5;}


#Content .quickPreview {
	background: url(images/templateSelect.jpg) no-repeat;
	float: left;
	height: 190px;
	margin: 10px 0 5px 5px;
	overflow: hidden;
	width: 260px;
}
#Content .quickPreviewOn {
	background: url(images/templateSelectOn.jpg) no-repeat;
	float: left;
	height: 190px;
	margin: 10px 0 5px 5px;
	overflow: hidden;
	width: 260px;
}
#Content .quickPreview p, #Content .quickPreviewOn p{
	height: 140px;
	margin: 11px 0px 0px 13px;
	width: 230px;
	cursor: pointer;
}

#Content .quickPreview a:visited { color:Blue;}

.quickPreview input, .quickPreviewOn input {
	float: left;
	_margin-top: -3px;
}
.quickPreview label, .quickPreviewOn label {
	float: left;
	padding-left: 6px;
}

.quickPreview h2, .quickPreviewOn h2 {
	font-size: 11px;
	font-weight: normal;
	margin: 0 15px;
	padding: 7px 0 0 0px;
}

.PlainTextInput
{
   background: url(images/plaintext-background.jpg) repeat-y; border: 1px solid #7F9DB9; 
    
}


/*---------------------------------*/
/* Create Campaign Select Template
/*---------------------------------*/
#MEContent
{
  clear: both;
}
#MEtemplateDisplay
{
    padding: 0px;
    margin-top: 15px;

}

#METemplateUpdate-Casing
{
    padding: 15px;
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
	background-color: #EBECEF;
	text-align: center;
}

#METemplateUpdate-Casing td{font-size: 11pt;font-weight: bold;}
    

#MEnavs
{
    overflow: auto;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
	padding: 5px;
	background-color: #3298B0;
}

#MEFormTitle
{
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    text-align: center;
}

#MEFormTitle p { font-size: 10pt; font-weight: bold; }

#MEFormContainer
{
    width: 100%;
    text-align: center;
    
}

#MEForm
{   
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


#MEForm label
{
    font: normal 8pt Verdana, arial, helvetica, sans-serif;
	width: 110px;
	float: left;
	padding: 4px 0px 0 0;
	color: #363636;
	text-align: right;
	margin-right:4px;
}

#MEForm .InputText{ height: 20; border: solid 1px black; margin-left:1px; width: 440; }

#MEForm .BrowseButton{ height: 20; border: solid 1px black; font: normal 8pt arial; }

#MESave{ padding-left: 114px; padding-top: 10px; padding-bottom: 10px;}

#MEInsert{ padding-left: 114px; display: none; padding-top: 10px; padding-bottom: 10px;}

#MEImageDelete { margin:0px; padding:2px 0px 2px 0px; font-size: 10pt; display: none;}

#MEImageDelete a:visited, #MEImageDelete a{ color: Red;}



/*---------------------------------*/
/* Default Gridview
/*---------------------------------*/
.GV
{
    border: solid 1px #507AB2;
    width: 100%;
    border-collapse: collapse;
}

.GVHeader
{
    height: 20px;
    background-color: #507AB2;
    color: White;
    text-align: left;
}

.GVHeader a{color: White; }
.GVHeader a:visited{color: White; }
.GVHeader a:hover{color: White; text-decoration:none; }
.GVHeader TD{font-weight: bold; font-size:12px;}

.GVRow{ background-color: white;}
.GVRow TD{font-size:12px;}

.GVRow TD a, .GVRow TD a:visited, .GVAltRow TD a, .GVAltRow TD a:visited
{color:Blue;}

.GVAltRow{ background-color: #D9F8FF;}
.GVAltRow TD{border-top: solid 1px #99ECFF; border-bottom: solid 1px #99ECFF;font-size:12px;  }

.GVEmpty
{background-color: #507AB2; color: white; text-align: center; font-weight:bold;}

.Groups Label{ font-size: 8pt; margin: 10px 10px 10px 0px;}


/*---------------------------------*/
/* Confirmation
/*---------------------------------*/
#CFWrapper
{
  width: 475px;
  margin-left: auto;
  margin-right: auto;
  padding-top:50px;
  
}

#CFCasing { border: solid 1px #D5D5D5;}
#CFCasing p { background-color:#D5D5D5; margin:0px; font-weight: bold; font-size: 15pt; padding: 5px; }
#CFCasing td{ color:#000000; font-size: 11pt; padding: 5px;}

/*---------------------------------*/
/* Default.aspx (account overview)
/*---------------------------------*/
.OvChartCasing { text-align:center; border-left: 1px solid #507AB2; border-right: 1px solid #507AB2; border-bottom: 1px solid #507AB2; background-color: #ffffff; color: #000000;  }
.OvChartHeader 
{ 
    height:16px; 
    background-color: #507AB2;
    color: White;
    text-align: left; 
    font-weight: bold; font-size:12px;
    padding: 7px 5px 5px 5px;
    margin:0px;
}
.OvChartTitle { font-size: 11px; font-weight:bold;  margin-top:5px; margin-bottom:2px;}
.OvChartSubTitle { font-size: 9px;  margin:0px;}
.OvGridTitle {font-size: 12px; font-weight:bold;}
.OvGridTitle td {padding-right:4px;}
.OvGridTitle a, .OvGridTitle a:visited
{ font-size: 10px; color:Blue; font-weight:normal;}


/*---------------------------------*/
/* Modal Windows
/*---------------------------------*/
.modalBackground 
{
   
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*---------------------------------*/
/* Help
/*---------------------------------*/
.CommonQuestions{ margin-top: 3px;}

.CommonQuestions ul { }

.CommonQuestions li 
{
    background: url(images/pointer.gif) no-repeat 0px 4px; 
    display: block; list-style-type: none;
    margin: 0px 0px 0px -30px; 
	padding: 2px 0px 8px 14px;
}

.CommonQuestions li a:hover { text-decoration: none;}

.CommonQuestions li a:visited { color:Blue;}

.SearchHeader { font-size: 14px; font-weight:bold;}

.SearchTitle a, .SearchTitle a:hover, .SearchTitle a:visited {font-size: 12px; font-weight:bold; color:Blue;}

.SearchDesc {font-size: 11px; margin-top: 5px;}

.ViewTopic a:visited { color:Blue;}

#Content .ViewTopic h1 { font-size: 14pt; font-family: tahoma,sans-serif;font-weight: bold; color: #000000; }

#Content .ViewTopic h2 { font-size: 13pt; font-weight: bold; margin-bottom:0px; margin-top:20px;}

#Content .ViewTopic h3 {font-size: 12pt; font-weight: bold; margin-bottom:0px; margin-top:20px;}

#Content .ViewTopic hr { border-top:solid 1px #D5D5D5; border-bottom:none; border-left:none; border-right:none; height:1px; }

#Content .ViewTopic div { background-color:#EBECEF; padding: 7px; }


/*---------------------------------*/
/* Misc
/*---------------------------------*/

.bdpLite input {width: 80px;}