/* DEFAULTS
----------------------------------------------------------*/

body
{
    background: #021528;
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0 auto;
    padding: 0px;
    color: #FFFFFF;
    background-image: url('../Images/fandm_bg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.header
{
    width: 960px;
    margin: 30px auto;
    text-align: left;
}

#page
{
    width: 1300px;
    background-color: #fff;
    min-height: 1850px;
    margin: -20px auto;
}

#leftNavs
{
    float: left;
    width: 200px;
    background-color: #C0C0C0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:small;
    color: #800000;
    min-height: 1850px;
}

#spaceLeft
{
    float: right;
    width: 10px;
    min-height: 1750px;
}

#content
{
    float: right;
    width: 1300px;
    color: #000000;
    min-height: 1750px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}
#spaceRight
{
    float:right;
    width: 10px;
    min-height: 1750px;
}






.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}







/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color: #3a4f63;
    width: 100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

/*gridview*/

.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}
.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}
.mGrid th
{
    padding: 4px 2px;
    color: #fff;
    background: #424242 url('../Images/grd_head.png') repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}
.mGrid .alt
{
    background: #fcfcfc url('../Images/grd_alt.png') repeat-x top;
}
.mGrid .pgr
{
    background: #424242 url('../Images/grd_pgr.png') repeat-x top;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}




/*content - default*/
.title1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #2291CC;
    padding: 30px;
}

.message_Gray
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #666666;
    padding: 10px 30px;
}

.message_Blue
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #0033CC;
}
.message_Orange
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #FF9933;
    padding: 10px 30px;
}

/*quota*/

.divHeaderRow
{
    width: 100%; /* add extra that you want to for header column */
    display: block;
    height: 105px;
}
.divHeaderColumn
{
    float: left;
    width: 33%;
    display: block;
}
.divTable
{
    width: 100%;
    display: block;
    padding: 10px 30px;
    display: block;
}
.divRow
{
    width: 99%;
    display: block;
    padding-bottom: 5px;
    display: block;
    padding: 5px;
}
.divColumn
{
    float: left;
    width: 35%;
    display: block;
    display: block;
    padding: 5px;
}

/*blue button*/

.btnBlue
{
    -moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background: -moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color: #79bbff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 10px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #528ecc;
}
.btnBlue:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
    background: -moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
    background-color: #378de5;
}
.btnBlue:active
{
    position: relative;
    top: 1px;
}

/*red button*/

.btnRed {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size: 12px;
    font-weight: bold;
    padding: 6px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}.btnRed:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}.btnRed:active {
	position:relative;
	top:1px;
}


/*orange button*/ 
.btnOrange {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size: 12px;
    font-weight: bold;
    padding: 6px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
}.btnOrange:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.btnOrange:active {
	position:relative;
	top:1px;
}

/*ajax*/
.CustomComboBoxStyle .ajax__combobox_textboxcontainer input {
    background-color: #ADD8E6;
    border: solid 1px Blue;
    border-right: 0px none;
}
.CustomComboBoxStyle .ajax__combobox_buttoncontainer button {
    background-color: #ADD8E6;
    border: solid 1px Blue;
}


/*WellspanEOS -----*/
#container
{
    float: left;
    padding: 2px;    
}

#lable1
{
    float: left;
    padding: 2px 10px;
}

#spaceLeft
{
    float: right;
    width: 15px;
    min-height: 800px;
}

#content
{
    float: right;
    width: 1030px;
    color: #000000;
    min-height: 800px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}
#spaceRight
{
    float: right;
    width: 15px;
    min-height: 800px;
}

.msgPanel
{
  /*background-color :#2291CC;*/
  background-color :#C0C0C0;
    padding:30px;
    font-size:12px;
   

    }
    



.ModalWindow

{

  border: solid1px#c0c0c0;

  background:#f0f0f0;

  padding: 0px10px10px10px;

  position:absolute;

  top:-1000px;
  

}

.modalBackground

{

  background-color:#CCCCFF;

  filter:alpha(opacity=40);

  opacity:0.5;

}

.collapsePanel
{
    padding: 5px;
    font-size: 12px;
    background-image: url('../Images/bg-menu-main.png');
    color: #FFFFFF;
    font-weight: bold;
    width: 99%;
    cursor: pointer;
    vertical-align:middle;
    
     

    /* Firefox 
    display:-moz-box;
    -moz-box-align:center;

    Safari and Chrome 
    display:-webkit-box;
    -webkit-box-align:center;

     W3C 
    display:box;
    box-align:center;*/
}

.collapsePanelLabel
{
    display: inline-block
    
    }
    
 /*   .collapsePanelContent
{
    width: 100%;
    background-color: #C0C0C0; /*background-color: #BDDCEE;
}*/

 customized css
#tvMenu {

    padding-bottom: 10px;
}
#tvMenu a {
    color: #BBE7FF;
}

#leftNavs {
    width: 210px;
    background-color: #00548b;
}
#tvWS a {
    color: #fff;
    line-height: 24px;
}

#tvWS a:hover {
    text-decoration: underline;
}
#tvWS div {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#tvSCAFRO a {
    color: #fff;
    line-height: 24px;
}

#tvSCAFRO a:hover {
    text-decoration: underline;
}
#tvSCAFRO div {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

 

#tvScafro {

    padding-bottom: 10px;
}
#tvScafro a {
    color: #BBE7FF;
}
 
 
 
#MainContent_pnlMsg {
    background-color: #ceeef9;
    margin-right: 3em;
    width: 180px;
}

#tvMenu2 a {
 color: #333;
 text-decoration: underline;
 background-color: #ddd;
 border-radius: 5px;
 display: block;
 padding: 5px 10px;
}
.collapsePanel {
    width: 97%;
}
.collapsePanelContent {
    width: 97%;
    background-color: #f1eff0;
}
#MainContent_cp {
    margin-top: 2em;
}

.reportButton
{
    background-position: center top;
    background-image: url('../Images/pdf_32x32.png');
    background-repeat: no-repeat;
    background-color: #f1eff0;
    color: #0000FF;
    position: relative;
    width: 110px;
    height: 90px;
}

.eyeChartButton
{
    background-position: left center;
    background-image: url('../Images/eye24x18.png');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    color: #000000;
    position: relative;
    width: 230px;
    height: 30px;
}
.mainTable
{
    border: thin dotted #FF00FF;
}


.bgrTitle1
{
    background-color: #3399ff;
    font-size: medium;
    font-weight: bolder;
}

.bgrTitle2
{
    background-color: #99CCFF;
    font-size: small;
    font-weight: bold;
}

.bgrTitle3
{
    background-color: #C5E1FC;
    font-size: small;
    font-weight: bold;
}

.bgrTitle4
{
    background-color: #E8F1FA;
    font-size: small;
    font-weight: bold;
    text-decoration: underline;
}

.cursorPointer
{
    cursor:alias;
    }
    
    .tableHeader
{
    background-color: #D1DDF1;
    font-weight: bold;
    width: 255px;
    clip: rect(auto, auto, auto, 5px);
    color: #000000;
    text-align: center;
}

.tableButtonRow
{
    background-color: #507CD1;
}

.tableAlternateRow
{
    background-color: #EFF3FB;
}