/* Table of Contents:

	Global
    Grid
	Ribbon Bar Collapse/Expand Images
    Page Content Blocks
    Collapsible Section Header
    Bread Crumb Styling
    Notifications
    Forms Styling
    Left Aligned Form
    Field Widths For Left Aligned Forms
    Top Aligned Form
    Form Header
    Page Styling
    Tabs
    	
*/



/* ---------->>> Global <<<-----------*/
html { overflow: auto; }
.container { width: 95%; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; position: relative; min-width: 600px; }
#header { border-top: 0px solid #5183B1;
    background-position: right 50%;
    background-color: #FFFFFF; height: 79px; 
    background-image: url('../images/common/header-bg.png'); background-repeat: no-repeat; }
#app-logo { float: left; width: 25%; }
#search-bar { background-color: #0099CC; vertical-align: middle; float: right; padding: 0px 10px 4px 10px; margin-top: 6px; height: 26px; line-height: 26px; }
#search-bar img { padding-right: 20px; vertical-align: middle; }
#search-bar a { vertical-align: middle; }
#header-tool-bar { vertical-align: middle; text-align: right; padding-top: 5px; }
#header-tool-bar a { text-decoration: none; }
#user-info { text-align: right; font-weight: bold; padding-right: 10px; padding-top: 5px; float: right; width: 20%; color: #FFFFFF; }
#ribbon-bar { }
#content-area { }
#bread-crumb { margin-top: 8px; margin-bottom: 2px; background-color: #C0D8EF; border-top: 1px solid #8DB2E3; border-left: 0px solid #8DB2E3; border-right: 0px solid #8DB2E3; border-bottom: 1px solid #8DB2E3; }
#footer { height: 20px; text-align: center; color: #003366; padding-top: 10px; background-color: #F7F8F9; }
.page-content { margin-top: 5px; }

/* ---------->>> Grid<<-----------*/ 
.container-2-columns .column { float: left; width: 47%; }
.container-3-columns .column { float: left; width: 30%; }
.container-4-columns .column { float: left; width: 24%; }
.container-5-columns .column { float: left; width: 18%; }
.container-6-columns .column { float: left; width: 16%; }
.container-7-columns .column { float: left; width: 13%; }
.container-8-columns .column { float: left; width: 11%; }

.container-2-columns .action-buttons { padding-left: 47%; }
.container-3-columns .action-buttons { padding-left: 60%; }
.container-4-columns .action-buttons { padding-left: 72%; }
.container-5-columns .action-buttons { padding-left: 72%; }
.container-6-columns .action-buttons { padding-left: 75%; }
.container-7-columns .action-buttons { padding-left: 78%; }
.container-8-columns .action-buttons { padding-left: 77%; }

/* ---------->>> Ribbon Bar Collapse/Expand Images <<<-----------*/
.ribbon-toggle img.expanded { background-image: url('../images/common/ribbon_up.png'); background-repeat: no-repeat; }
.ribbon-toggle img.collapsed { background-image: url('../images/common/ribbon_down.png'); background-repeat: no-repeat; }

/* ---------->>> Page Content Blocks <<<-----------*/
.section { width: 100%; margin-top: 10px; margin-bottom: 10px; }
.section-header { padding: 7px 7px 7px 7px; background-color: #5183B1; color: #ffffff; }
.section-header h2 { font-size: 1.2em; color: #ffffff; }
.section h3 { font-size: 1.1em; margin-top: 5px; margin-bottom: 7px; }
.sub-section { margin: 7px 5px 7px 5px; }

/* ---------->>> Collapsible Section Header <<<-----------*/
.section-header.collapsible { padding-left: 20px; background-position: 5px 7px; background-image: url('../images/common/toggle_up.png'); background-repeat: no-repeat; }
.section-header.collapsible.expanded { background-image: url('../images/common/toggle_up.png'); }
.section-header.collapsible.collapsed { background-image: url('../images/common/toggle_down.png'); }

/* ---------->>> Bread Crumb Styling <<<-----------
ul.crumbs, .crumbs li { list-style-type: none; padding: 0; margin: 0; }
.crumbs { height: 25px; }
.crumbs li { float: left; line-height: 25px; color: #000000; padding-left: 10px; }
.crumbs li.active { padding-right: 10px; }
.crumbs li a { no-repeat right 5px; display: block; padding: 0 20px 0 0; }
.crumbs li a:link, .crumbs li a:visited { color: #15428B; text-decoration: none; }
.crumbs li a:hover, .crumbs li a:focus { text-decoration: underline; }
*/

/* ---------->>> Bread Crumb Styling <<<-----------*/
ul.crumbs, .crumbs li { list-style-type: none; padding: 0; margin: 0; }
.crumbs { height: 25px; }
.crumbs li { float: left; line-height: 25px; color: #000000; padding-left: 10px; }
.crumbs li.active { padding-right: 10px; }
.crumbs li a { background: url('../images/common/crumb.png') no-repeat right 5px; display: block; padding: 0 20px 0 0; }
.crumbs li a:link, .crumbs li a:visited { color: #15428B; text-decoration: none; }
.crumbs li a:hover, .crumbs li a:focus { text-decoration: underline; }


/* ---------->>> Notification <<<-----------*/
.notice p.success { padding-left: 22px; background: url('../images/icons/16/success.png') no-repeat 2px 0px; display: block; line-height: 1.5em; margin: 0px; }
/*.alert p.error { padding-left: 22px; background: url('../images/icons/16/error.png') no-repeat 2px 0px; display: block; line-height: 1.5em; margin: 0px; }*/
.alert p.error { padding-left: 22px; background: url('../images/icons/16/error.png') no-repeat 2px 0px; display: block; line-height: 1.5em; margin: 0px; }
.notice p.info { padding-left: 22px; background: url('../images/icons/16/warning.png') no-repeat 2px 0px; display: block; line-height: 1.5em; margin: 0px; }

/*ajax accordion style*/
.accordion { background-color:  #00529B; color: White; font-size:small;
    height: 29px;
}
.accordion-header { background-color: #00529B; color: White; font-size:small; border-bottom-style:solid; border-bottom-color: inherit; border-bottom-width: medium; padding-top:10px; padding-bottom:10px; }
.accordion-content { background-color:White; color:Black; font-size:small; }


/* ---------->>> Forms Styling <<<-----------*/
select { vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; }
input[type=submit] { border-style: none;
    border-color: inherit;
    border-width: 0px;
    background-color: #006699; color: #FFFFFF;
    }
input[type=submit]:hover { background-color: #003366; }
fieldset { background-color: #F7F8F9; border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-bottom: 1px dashed #C0C0C0; }
label.error { color: #C00; }
label em { color: #C00; font-weight: bold; }
input.error { border-color: #C00; background-color: #FEF; }
label.field-error { color: #C00; padding-left: 22px; background: url('../images/icons/16/error.png') no-repeat 2px 4px; display: inline-block; }
.row { line-height: 1.5em; vertical-align: middle; overflow: hidden; clear: both; }
.spacer-row { width: 100%; line-height: 1.5em; clear: both; vertical-align: middle; }
.centerDivContent { margin: 0px auto; text-align: center; width: 75%; line-height: 100%; height: 100%; }
.leftColumnLabel { float: left; width:30%; text-align: left; }
.rightColumnTextbox { float: right; width: 50%; margin-right: 20%; text-align: left; }
.textboxWatermark { font-style: oblique; font-weight: lighter; color: #778899; }
.pageTitle { font-size: medium; font-weight: bold; }
.tableReg { }
.tableReg tr { height: 30px; vertical-align: middle; }
.divTableCol1 { float: left; width:150px; height: 20px; line-height: 20px; text-align: left; }
.divTableCol2 { float: right; width: 300px;  height: 20px; line-height: 20px; text-align: left; }
.divTableCol3 { float: left; width: 49%; height: 20px; line-height: 20px; text-align:right; }
.divTableCol4 { float: right; width: 49%; height: 20px; line-height: 20px; text-align: left; }
.divTableCol5 { float: left; width: 100%; height: 20px; line-height: 20px; text-align:center; }
.divTable { text-align: center; width: 460px; margin: 0px auto; }
.groupingPanel fieldset { border: 1px solid red; }
.groupingPanel legend { font-size: medium; font-weight: bold; }
.popupPanel fieldset { border: 1px solid; }
.field-name { color: #336699; font-weight: bold; }
.field-value { }
.group-text legend { color: #336699; font-weight: bold; font-style:inherit; font-size:x-small; text-align:left; }
.group-text em { color: #C00; font-weight: bold; }
.modalBackground { background-color: Black; filter: alpha(opacity=60); opacity: 0.6; }
.modalPopup { background-color:#ffffdd; border-width:3px; border-style:solid; border-color:Gray; padding:5px; }
.bigButton { background-color: Green; height: 40px; width: 125px; font-weight: bold; margin: 5px; }

/* ---------->>> Left Aligned Form <<<-----------*/
.left-aligned-form .row { line-height: 2em; margin-top: 12px; }
.left-aligned-form label.field-name { text-align: right; margin-right: 12px; float: left; }
.left-aligned-form h3 { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #3C3C3C; margin-top: 10px; }

/* ---------->>> Field Widths For Left Aligned Forms <<<-----------*/
.field-width-small label.field-name { width: 150px; }
.field-width-medium label.field-name { width: 200px; }
.field-width-large label.field-name { width: 300px; }
.field-width-verylarge label.field-name { width: 400px; }

/* ---------->>> Top Aligned Form <<<-----------*/
.top-aligned-form .row { margin-top: 5px; margin-bottom: 10px; }
.top-aligned-form .last-row { margin-bottom: 5px; }
.top-aligned-form label.field-name { display: block; }
.top-aligned-form span.field-name { display: block; }
.top-aligned-form h3 { color: #CC9900; margin-bottom: 10px; }

/* ---------->>> Form Header <<<-----------*/
.form-header { padding: 7px; background-color: #F7F8F9; border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-bottom: 1px dashed #C0C0C0; }

/* ---------->>> Page Styling <<<-----------*/
.collapsible { cursor: pointer; }

/* ---------->>> Tabs <<<-----------*/
.section-tab-container { padding-top: 10px; padding-bottom: 10px; }
.section-tab-container .ajax__tab_outer { line-height: 1.4em; font-weight: bold; color: #333333; margin-right: 2px; padding: 5px; cursor: pointer; background-color: #CCCCFF; /* This is the color for inactive tabs */ }
.section-tab-container .ajax__tab_hover .ajax__tab_outer { background-color: #A2CAF2; color: #000000; }
.section-tab-container .ajax__tab_active .ajax__tab_outer { background-color: #336699; color: White; }
.section-tab-container .ajax__tab_body { clear: both; border: 1px solid #C0C0C0; border-top: 1px solid #336699; }
/* ---------->>> Custom Rad combobox validation <<<-----------*/
div.radcombovalidation .rcbInputCell INPUT.rcbInput
{    
    /*background-color: red;*/
    border-color:Red;
    color: black;    
}
/* ---------->>>Read only Text boxes <<<-----------*/

.readonlytextbox
{
    border:0 none white !important;
    background-color:#cccccc !important;
}

/* ---------->>>Read only Carrier Code Text boxes <<<-----------*/

.readonlycctextbox
{
    border:1 none white !important;
    background-color:#cccccc !important;
    Width:50%;
}

.readonlycnametextbox
{
    border:1 none white !important;
    background-color:#cccccc !important;
    Width:180%;
}

/* ---------->>>Carrier Code DatePickers <<<-----------*/
.ccdatepicker RadPicker RadInput riTextBox  
{  
    width:20%;
    height:30%; 
}  



/* ---------->>>Validation Summary<<<-----------*/
.validate
{
border: 1px solid #C3D9FE;
padding: 8px 35px;
border-color:#fbc2c4;
color:Red;
background:#fbe3e4;
/*background:url('../images/icons/16/error.png') no-repeat 2px 0px;*/
margin: 3px;
}

/*
.validate ul
{
    list-style-type:none;
  background: url('../images/icons/16/error.png') no-repeat 2px 0px;
    padding:0;
    margin:0;
    padding-bottom:0.5em;
}
.validate li
{
    padding-left: 22px; 
    display: block; line-height: 1.5em; margin: 0px; 
    color:Red;
}
*/
.errorRadDropDown .rcbDisabled .rcbInputCell .rcbInput 
{
    border-color:Red;
    background-color: #808080;
    background-image: none; 
}
 

.Header1
{
   font-size:12pt;
   color:#00529b;
}

.Header2
{
   font-size:12px;
   font-weight: bold;
   text-decoration: none;
   color: #00529b
   
}

.address
{
    font-family:inherit;
    color: #00529b;
    font-size: 12px;
}

.menu /*dynamic menu*/

{
    color: black;
    background-color: inherit;
    font-family: Gill Sans MT !important;
    font-size: small;
    border:solid 1px #0f0; margin:1px;
}

/* style for resource page */

.reslinks 
{
    vertical-align:middle; 
  text-align:center; 
  margin: 0 auto; width: 250px; 
   font-size:12px;
   font-weight: bold;
   text-decoration: none;
  /* color: #00529b;*/
  
}

/* style for getting the blue color label*/

.editor-label 
{
    margin: 1em 0 0 0;
    color:#003366;
}

/* Margin for field*/

.editor-field
 {
    margin: 0.5em 0 0 0;
}

/* for FeeExemptionQuestionarrie.aspx*/
.feelinks 
{
    vertical-align:middle; 
  text-align:center; 
  margin: 0 auto; width: 500px; 
   font-size:12px;
   font-weight: bold;
   text-decoration: none;
   color: #00529b;
   border:2px solid #500;
   border-color:#00529b;
  
}

.listTableHeadingFont 
{
	FONT-FAMILY: Helvetica, Arial, sans-serif; COLOR: #333333; FONT-SIZE: 12px; FONT-WEIGHT: bold
}

/*For HardCopyMailingList.aspx*/

.headerTitle
 {
	text-align: center;
	 font-family: Helvetica, Arial, sans-serif;
	 color: #990000;
	 font-size: 20px;
	 font-weight: bold
}

.listTableHeadingFont_black
 {
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: none;
	PADDING-BOTTOM: 0px;
	 PADDING-LEFT: 0px;
	  PADDING-RIGHT: 0px; 
	  FONT-WEIGHT: normal;
	   PADDING-TOP: 0px
}

.boxBodyPatch
 {
	background-color: white
}

.FacilityTable
{
    padding: 2px;
    vertical-align: top;
    text-align: left;
    width: 100%;
}








.col1, .col2, .col3 {
    margin: 0;
    padding: 0 0 5px 0;
    width: 100px;
    line-height: 10px;
    float: left;
}
.col4, .col5
{
    margin: 0;
    padding: 0 0 5px 0;
    width: 100px;
    line-height: 10px;
    float: left;
}
.RadComboBoxDropDown {
    
    position:fixed;
    background: #fff;
   
}
/* for Resource links*/
.alertRes  
 { padding-left: 22px; background::#00529b ; display: block; line-height: 1.5em; margin: 0px; }
 
 .breakWord120  
{   
   max-width: 120px !important;   
   word-break: break-all !important;   
   word-wrap: break-word !important;   
   vertical-align: top;   
   line-height: 15px;  
}