/* ---------------------------------------------------------------------------
 * OWNER: Washington State Department of Health
 * Copyright (c) 2013, all rights reserved.
 * 
 * AUTHOR:
 * James Norris, JAN1303
 * 
 * FILE NAME:
 * common.css
 * 
 * FILE DESCRIPTION:
 * Cascading Style Sheet that defines the common visual settings for the DOH
 * Application Template.
 * -------------------------------------------------------------------------*/
 
/*Page Body*/

body
{
	min-width:1000px;
	width:100% !important;
	background-color:#2699BB;
	margin:0px 0px 0px 0px !important;
	font-family: Arial,Helvetica,sans-serif;
	font-size:small;
	line-height:1.2;
}

/* Header Panel */

.headerPanel
{
	height:100px;
        margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	background-repeat:no-repeat;
	background-position: 50% bottom; 
	z-index:1;
    margin-bottom: 0px;
	max-width:1600px;
	min-width: 1519px;
}

.logoPanel{
    float:left;
    width:460px;
    padding-left:15px;
}

.logo
{
	float:left;
}

.appNamePanel{
    float:left;
    margin-top:25px;
    height:50px;
    }

.appname
{
    width:100%;
    text-align:center;
    font-size: 40px;
    color: #37516A;
    letter-spacing: 0.1em;


}

.globalMenuPanel{
    float:right;
    }

.globalMenu{
    background-color:#0a4d62;
    border-radius: 3px;
    box-shadow: 2px 3px 5px #000000;
    padding: 0px 0px 0px 0px;
    margin: 0px 2px 0px 3px;
    float:right;
    height:30px;
    font-weight:bold;
}

.globalMenuPanel ul{
    font-size:12px;
    padding:0px 0px 0px 0px;
    margin: 7px 0px 0px 5px;
    z-index:5;
}

.globalMenuPanel ul li
{
    padding: 0px 10px 0px 0px;
    margin-left:8px;
    border-right: solid 1px #86919d;
    display:inline;
}

.globalMenuPanel a
{
    color:#ffffff;
    font-size:1em;
    text-decoration:none;
}

.globalMenuPanel ul a:hover
{
    text-decoration:underline;
}

.globalMenuPanel a:current
{
    border-bottom:solid 1px #90AF17;
}

.globalMenuPanel li.globalMenuPanel_Middle_Last
{
    border-right:none;
}

.clear_float
{
    clear:both;
}

/* Brick Menu Panel */

.brickMenuPanel_Wrapper
{
	width:995px;
	height:62px;
	margin-left:auto;
	margin-right:auto;
}

.brickMenuPanel_Middle
{
	height:50px;
	margin: 0px 7px 0px 10px;
	background-image: url('../images/menuBG.png');
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:left,top;
	background-color:Transparent;
}

.brickMenuPanel_Left
{
	height:50px;
	background-image: url('../images/menuLeftBG.png');
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:left,top;
	background-color:Transparent;
}

.brickMenuPanel_Right
{
	height:50px;
	background: url('../images/menuRightBG.png') no-repeat right 50%;
}

.brickMenuPanel
{	
    height:62px;
}

.brickMenu
{
    
}

.brickMenuItem
{
	height:62px;
	font-size: 13px; 
    font-family:Lucida Sans , Verdana, Arial, Helvetica, sans-serif;
    width:127px;
    padding-bottom:9px;
}

.brickMenuItem p
{
    background-color:Blue;
    padding: 0 15px 0px 15px;
    text-align:center;
    vertical-align:middle;
    width:98px;
    height:50px;
}

.brickMenuItem:hover
{
	width:127px;
	background-image: url('../images/menuItemHoverBG.png');
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:0% 0%;
}

.brickMenuItem:hover a
{
    color:#fff !important;  
    height:auto;
}

.brickMenuItem a
{
    background-image:none !important;
    color:#07294C;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    height:auto;
    display:block;
    width:97px !important;
    padding-left: 15px;
}

.brickMenuItem A:visited
{
	background-image:none !important;
}

.brickMenuItem A:hover
{
   background-image:none !important; 
}

.brickMenuItem A:active
{
   background-image:none !important; 
}

.brickMenuItem1
{
	background-image:none;
}

.brickMenuItem2
{
	background-image: url('../images/menuItemBG.png');
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:-1px 0%;
}

.brickMenuItemSelected1
{
	height:62px;
	background-image: url('../images/menuCurrentShadow128a.png');
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:-1px 0%;
	z-index:1;
}

.brickMenuItemSelected2
{
	height:62px;
	background-image: url('../images/menuCurrentShadow128b.png');
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:left top;
	z-index:1;
}

/*Breadcrumb Bar*/

.breadCrumb
{
	background-color:Transparent !important;
	width:995px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	font-family:Lucida Sans Unicode ,Lucida Grande ,Garuda,sans-serif;
	color:#666666;
	font-size:12px;
	z-index:0;
}

.sitePathPanel
{
	top: 0px;
	left: 0px;
	z-index: 3;
}

.sitePathSC a
{
    color:#666666 !important;
    text-decoration:none;
}

.sitePathSC a:hover
{
    text-decoration:underline;
}

.sitePathSC
{
	margin-left:8px;
	float:left;
    width:49%;
}

.sitePathSeparator
{
    margin:0px 4px 0px 4px;
}

.greetingPanel
{
    float:right;
	z-index: 2;
	text-align:right;
    width:49%;
}

.login
{
	margin-right: 10px;
}

/*Content Wrapper*/

.contentWrapper
{
	clear:both;
	background-image:url('../images/untitled.png');
	background-attachment:scroll !important;
	background-repeat:repeat-y;
	background-position: 50% 100%;
	background-color:whitesmoke;

}

#ContentWrapperPanel
{
    background-color:rgb(232, 244, 255)!important;
    background-repeat:repeat !important;
    background-attachment:scroll !important;
    background-image:none !important;
    margin-top: 17px;
}

.contentTable
{
	border-collapse:collapse !important;
	/*font-family:Verdana, Arial, Helvetica, sans-serif; */
	width:995px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	min-height:300px;
	table-layout:fixed;
}

/*Left Hand Navigation Menu Section*/

.menuWrapper
{
    width:210px;
    vertical-align:top;
    padding-top:17px;
    padding-left:6px;
}

.menuWrapperTop
{
    width:204px;
    height:8px;
    background-image:url('../images/vertMenuTopTrim.gif');
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position: left top;
}

.menuWrapperBottom
{
    width:204px;
    height:8px;
    background-image:url('../images/vertMenuBottomTrim.gif');
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position: left center;
}


.leftNavMenu
{
	line-height:normal;
	font-family:Arial, Verdana, Sans-serif;
	font-size:12px;
	font-weight:normal;
	font-variant:normal;
	font-style:normal;
	width:204px;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#EBECDA;
}

.leftNavMenuItem
{
	color:#485c44;
	padding:0px 0px 0px 10px !important;
	width: 204px;
	height:22px;
}

.leftNavMenuItemHover
{
	padding:0px 0px 0px 10px !important;
	color:maroon;
}

.leftNavMenuItemSelected
{
	padding:0px 0px 0px 10px !important;
	color:#fff;
	background-image:url('../images/subNavHoverBG.png')
}

/*Content Window*/

.contentPanel
{
	top:0px;
	left:0px;
	overflow:hidden !important;
	padding: 20px 10px 30px 10px;
	vertical-align:top;
	table-layout:fixed;
}

.notificationMessage
{
	margin-bottom: 15px;
	color:#000000;
    background-color:#F2F2F2;
	font-weight:bold;
	padding: 5px 5px 5px 5px;
    box-shadow: 2px 1px 5px #000000;
    border-radius: 5px 5px 5px 5px;
}

/*Footer Panel*/

.footer
{
    width:1004px;
    height:232px;
    margin:-20px auto 0px auto;
    background-image:url('../images/footerHomeBG.png');
    background-repeat:no-repeat;
    background-position: 50% 100%;
}

.footerContent
{
    width:1000px;
    height:220px;
    margin:0px auto 0px auto;
}

#FooterLeftPane, #FooterCenterPane, #FooterRightPane
{
    width:293px;
    margin: 20px 0px 0px 30px;
    float:left;
}

#FooterRightPane
{
    margin-right:30px;
}

.footerStyle
{
    font-size:12px;
}

.footerStyle h3
{
    color:#4b5157;
    padding-bottom:2px;
    font-size:13px;
    margin:0px 0px 10px 0px;
    border-bottom: solid 1px #bababa;
}

.footerStyle a
{
    color:#263646;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
}

.footerStyle a:hover
{
    text-decoration:underline;
}

.footerStyle ul
{
    padding: 0 0 0 2px;
    margin:0 0 14px 0;
}

.footerStyle ul li
{
    padding:0 0 0 15px;
    margin:0 0 5px 0;
    list-style-type:none;
    list-style-position:outside;
    list-style-image:none; 
    background-image:url('../images/bulletGreenArrow.png');
    background-repeat:no-repeat;
    background-position:0 4px;
}

.footerStyle ul ul
{
    padding:0 0 0 15px;
    margin:0 0 3px 0;
}

.footerStyle ul ul li
{
    padding:0 0 0 15px;
    margin:3px 0 3px 0;
    list-style-type:none;
    list-style-position:outside;
    list-style-image:none; 
    background-image:url('../images/bulletGreenArrow.png');
    background-repeat:no-repeat;
    background-position:0 4px;
}

.socialMedia
{
    height:24px;
}

.socialMedia img
{
    padding:0 3px 0 3px;
    float:left;
    border:none;
}

.socialMedia span
{
    padding-top:2px;
    float:left;
}

iwadtLogoStyle img
{
    height:31px !important;
}

.version
{
	margin:0px auto 0px auto;
	width:1004px;
	text-align:right;
}

.versionLabel
{
	margin-right:10px;
	font-size:10px;
	color:#ffffff;
}

/*Fieldsets*/

.fieldset
{
	padding: 0px 15px 15px 15px;
    margin-left: 18px;
    margin-right: 18px;
}

/*Legends*/

.legend
{
	color: #1F1F1F;
	font-family:Lucida Sans,Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size:1.6em;
	margin-bottom:15px;
}

/*Hyper Link*/

.hyperlink a:link{color:#0000FF;}
.hyperlink a:visited{color:#990099;}
.hyperlink a:hover{color:#990099;}


/*Text Box*/
.textbox
{
	background-color:#FFFFFF;
	border: none;
	font-size:1em;
}

/*Button*/
.button
{
	
    background-color:#2699BB;
    color:#ffffff;
    height:39px;
    width:132px;
    font-weight:bold;
    letter-spacing:1.5px;
    padding-bottom:2px;
    cursor:pointer;
    border-radius:15px;
}

.button:hover
{
border:3px solid #07294C;
}

.largeButton {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../Images/blank-button-large.png') no-repeat;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding-bottom: 2px;
    cursor: pointer;
}

.headerButton
{
    background-color:#2699BB;
    color:#ffffff;
    height:29px;
    width:97px;
    font-weight:bold;
    padding-bottom:2px;
    cursor:pointer;
    font-size:12px;
    border-radius:15px;
}

.headerButton:hover{
    border:3px solid #07294C;
}

.inputTextBoxPanel {
    background-color: #ffffff;
    border: 1px solid #dadada;
    box-shadow: 2px 3px 5px #000000;
    border-radius: 5px 5px 5px 5px;
    float: left;
    }



/*Drop Down List*/
.dropdownlist
{
	background-color:#FFFFFF;
	border: none;
	font-size:1em;
}

/*List Box*/
.listbox
{
	background-color:#FFFFFF;
	border: solid 1px #999999;
	font-size:1em;
}

/*Check Box List*/
.checkboxlist td
{
	margin-right:15px !important;
}

.fileupload
{
    background-color:#FFFFFF;
	border: solid 1px #999999;
	font-size:1em;
}

/*Calendar*/

.calendar
{
	background-color:#FFFFFF;
	border: solid 1px #999999;
	padding: 1px 1px 1px 1px;
	color: #1F1F1F;
	font-size: 13px;
	height:200px;
	width:200px;
}

.calendartitle
{
	background-color:transparent;
	font-weight:bold;
}

.calendardayheader
{
	border-bottom: solid 2px #FDB322;
}

.calendarothermonthday
{
	color:#E6E8ED;
}

.calendarweekendday
{
	background-color:#E6E8ED;
}

.calendartoday
{
	border: solid 1px #FF0000;
}

.calendarextender .ajax__calendar_container 
{
	background-color:#FFFFFF;
	border: solid 1px #999999;
	padding: 1px 1px 1px 1px;
	z-index:1;
}	

.calendarextender .ajax__calendar_header
{ 
	background-color: #DDDDDD; 
} 

.calendarextender .ajax__calendar_dayname 
{
} 

.calendarextender .ajax__calendar_day 
{  
} 

.calendarextender .ajax__calendar_body
{ 
	background-color: #FFFFFF; 
	border-top: solid 2px #FDB322; 
}

/*Tables & GridViews*/

.table
{
	background-color:#FFFFFF;
    padding: 10px 0 !important;
}

.tableRow
{    
    text-align:left;
}
.tableCell {
    text-align: right;
    padding: 2px 5px 0px 20px;
    
}

.tableHeader
{
	background-color: #F2F2F2 !important;
    font-size:1em;
	border-bottom: solid 1px #999999 !important;
    text-align:left;
}

.tableFooter
{
	background-color:#DDDDDD;
    
}

.tableAlternatingRow
{
	background-color:#F5F5F5;
    text-align:left;
}

.tableSelectedRow
{
	background-color:#FDB322;
}

.tablePager
{
	color:#1F1F1F;
}

.ptable {
    table-layout: fixed;
    width: 200px;
}
.th {
    width: 100px;
}

.td {    
    width: 100px;
}

.hidden
{
	visibility:hidden !important;
}

.watermark
{
    color: #D0D0D0;
    border: solid 1px #999999;
    font-size:1em;
}

.mask
{
    background-color:transparent;
}

h3
{
    font-family:Lucida Sans , Verdana, Arial, Helvetica, sans-serif;
}

p
{
    margin:0 0 0.5em 0.5em;
}

a 
{
    outline: none;
}

.CustomTabStyle .ajax__tab_header
{
    font-size: 12px; 
    font-family:Verdana, Arial, Helvetica, sans-serif;   
    color:#485c44;
	display: block;
    background: url(../images/tabLine.png) repeat-x bottom;
	height:33px;
	cursor:pointer;
}

.CustomTabStyle .ajax__tab_header .ajax__tab_outer
{
	background-image:url('../images/tabLeftBG.png');
	background-repeat:no-repeat;
	margin-right:5px;
	margin-left:0px;
    height:30px;
}

.CustomTabStyle .ajax__tab_header .ajax__tab_tab
{
	height:30px;
	margin: 0px 4px 0px 6px;
	background-image:url('../images/tabBG.png');
	background-repeat:repeat-x;
	padding: 10px 5px 0 5px;
}

.DisabledTabStyle
{
	height:30px;
	margin: 0px 4px 0px 6px;
	background-image:url('../images/tabBG.png');
	background-repeat:repeat-x;
	padding: 10px 5px 0 5px;
	color:Gray !important;
}

.CustomTabStyle .ajax__tab_header .ajax__tab_inner
{
	height:30px;
	background: url('../images/tabRightBG.png') no-repeat right 50%;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_outer
{
    background-image:url('../images/tabHoverLeftBG.png');
}

.CustomTabStyle .ajax__tab_active .ajax__tab_tab
{
	background-image:url('../images/tabHoverBG.png');
    color:#ffffff;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_inner 
{ 
    background: url('../images/tabHoverRightBG.png') no-repeat right 50%;
} 

.CustomTabStyle .ajax__tab_hover .ajax__tab_outer 
{ 
    background-image:url('../images/tabHoverLeftBG.png');
} 

.CustomTabStyle .ajax__tab_hover .ajax__tab_tab
{ 
    background-image:url('../images/tabHoverBG.png');
    color:#ffffff;
} 

.CustomTabStyle .ajax__tab_hover .ajax__tab_inner 
{ 
   background: url('../images/tabHoverRightBG.png') no-repeat right 50%;
} 

.CustomTabStyle .ajax__tab_body
{
    padding:15px 0 0 0;
}

.completionList
{
    background-color: #DDDDDD;
    border: solid 1px #999999;
	list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    left : 0;    
    top : 0;    
    visibility: hidden;
}

.completionList2
{
    background-color: #DDDDDD;
    border: solid 1px #999999;
	list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:147px !important;
    left : 0;    
    top : 0;    
    visibility : hidden; 
}

.completionList3
{
    background-color: #DDDDDD;
    border: solid 1px #999999;
	list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:160px !important;
    left : 0;    
    top : 0;    
    visibility : hidden; 
}

.completionListItemHighlighted
{
    background-image: url('../images/menuItemHoverBG.png');
    color:#ffffff;
}

.panelHeader
{
	background-color:rgb(235, 236, 218);
	font-size:1em;
	border-bottom: solid 1px #999999 !important;
	padding:5px;
	font-weight:bold;
}

.accordianPaneHeader
{
    background-color:rgb(235, 236, 218);
	font-size:1em;
	border-bottom: solid 1px #999999 !important;
	padding:5px;
	font-weight:bold;
	cursor:pointer;
}

.accordianPaneContent
{
	padding: 20px 5px 20px 5px;
}

.fileUploadCheckBox
{
    margin-top:20px !important;
}

.overlay        
{          
    position: fixed;          
    z-index: 98;          
    top: 0px;          
    left: 0px;          
    right: 0px;          
    bottom: 0px;            
    background-color: #aaa;            
    filter: alpha(opacity=80);            
    opacity: 0.8;        
}        

.overlayContent        
{         
    z-index: 99;         
    margin: 250px auto;          
    width: 80px;          
    height: 80px;        
}       

.overlayContent h2        
{            
    font-size: 18px;            
    font-weight: bold;            
    color: #000;        
}        

.overlayContent img        
{          
    width: 80px;          
    height: 80px;        
}
/* Begin Site Specific CSS */
.row{
    width:100%;
    padding: 10px 0px;
    float:left;
}

.column {
    float:left;
}

.column_half {
    width:50%;
    float:left;
}

.column_40{
    width:45%;
    float:left;
}

.column_50{
    width:55%;
    float:left;  
}

.column_25{
    width:25%;
    float:left;
}

.inputLabel{
    display: block;
    float:left;
    font-weight:bold;
    padding:5px 0;
}

.infoLabel
{
	font-weight:700;
    font-family: Arial; 
    width: 100%; 
    text-align:left; 
	font-size:10pt;
    color:black;
}

.inputTextBoxPanel {

    background-color: #ffffff;
    border: 1px solid #dadada;
    box-shadow: 2px 3px 5px #000000;
    border-radius: 5px 5px 5px 5px;
    float: left;
    padding:8px;
}
.label {
    font-weight: 700;
    font-family: Arial;
    width: 100%;
    text-align: left;
    font-size: 10pt;
    color: black;
}


/*.modalpopup
{
    padding:10px;
    width:300px;
    border: solid 2px #3366CC;
    background-color: #FFFFFF;
    text-align:center;
    font-weight: normal;
}

.modalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=70);
    opacity: 0.9;
}


.SigFont
{
    font-weight: bold;
    color: Green;
}

.scroll_checkboxes
{
    padding: 5px;
    overflow: auto;
    border: 1px solid #ccc;
}

.scrollingControlContainer
{
    overflow-x: hidden;
    overflow-y: scroll;
}

.scrollingCheckBoxList
{
    border: 1px #808080 solid;
    margin:   0px 0px 0px 0px;
    height: 55px;
}*/