/*--------------- defaults ---------------*/
body{background: #0082C8; color: #ffffff; font-size: 10pt; font-family: Arial; margin: 0px; padding: 0px;}
a:link, a:visited, a:active{color: #0082C8; text-decoration: none;}
a:hover{color: #202020; text-decoration: underline;}
table{border-width: 0px; border-style: none; border-collapse: collapse;}

/*--------------- header and top screen ---------------*/
.pageHeader{background: url('../Images/HdrLogo.jpg'); background-position: center top; background-repeat: no-repeat;
            position: fixed; top: 0px; left: 0px; right: 0px; height: 95px; padding-top: 5px;}
.pageWelcome{background-color: White; color: #0082C8;
             position: fixed; top: 100px; height: 30px; width: 100%; padding: 5px; text-align: center;}
@media only screen and (max-width: 660px) {.pageWelcome{height:45px;}}

.LogOutLink{color: #0082C8; text-decoration: none;}
.LogOutLink:hover{color: #202020;}

/*--------------- footer and bottom screen ---------------*/
.pageFooter{background-color: #0082C8; color: #ffffff; border-top: 1px solid white;
            position: fixed; bottom: 0px; height: 20px; width: 100%; text-align: center; font-size: 8pt;}
.progSARL{text-decoration: none; color: #ffffff;}
.progLogo{background-image: url('../Images/prog-logo.gif'); background-repeat: no-repeat; border: 0px;
          padding-left: 50px; vertical-align: top;}

/*--------------- contents area ---------------*/
.Contents{width:100%; text-align:center; position: fixed; top:130px; bottom:20px;}
@media only screen and (max-width: 660px) {.Contents{top:145px;}}

/*--------------- login screen ---------------*/
.LoginSection{background-color: #ffffff; color: #0082C8; width: 400px; text-align: center; margin-top: 10px;}
.LoginHeader{border-bottom: 1px solid #0082C8; font-size: 11pt; padding: 10px; margin: 15px;}
.LoginInput{text-align: right; padding: 15px;}
.LoginCmd{border-top: 1px solid #0082C8; padding:5px;}
.LoginButton{background-image: url('../images/BtnBkg.jpg'); color: #585858; border: 1px solid #cccccc;
             height: 35px; padding: 0px 10px 0px 10px; font-weight: normal;}
.LoginButton:hover{color: #202020; border: 1px solid #808080; }
.LoginText{font-weight: normal; width: 120px;}

.ErrorText{font-size: 11pt; color: #ff0000; height:60px;}
.FontBigger{font-size:larger; font-weight:bold;}

/*--------------- report area ---------------*/
.ReportHeader{background-color: #E4EAED; color: #0082C8; height: 40px; width: 100%;}
.ReportHeaderText{color: #0082C8; font-size: 14pt; font-weight:400;}

.ButtonFilter, .ButtonFiltered, .ButtonSort{background-size: 90%; background-repeat: no-repeat; background-position: center center; background-color: #ffffff;} 
.ButtonFilter, .ButtonFiltered, .ButtonSort{height: 34px; width: 34px;  padding: 0px 0px 0px 0px;}
.ButtonFilter, .ButtonFiltered, .ButtonSort{border-style: solid; border-width: 1px 1px 1px 1px; border-color: #cccccc #808080 #808080 #cccccc;}
.ButtonFilter:hover, .ButtonFiltered:hover, .ButtonSort:hover{background-color: #cccccc;}
.ButtonFilter{background-image: url('../images/BtnFind.png');}
.ButtonFiltered{background-image: url('../images/BtnFind2.png');}
.ButtonSort{background-image: url('../images/BtnSortDesc.png');}

.ReportColumns{position: fixed; top: 170px; left: 0px; right: 0px; width: 100%; height:40px;}
@media only screen and (max-width: 660px) {.ReportColumns{display:none;}}
.ReportScrollable{position: fixed; bottom: 20px; top: 210px; width: 100%; overflow: scroll; border-top: 1px solid #0082C8;}
@media only screen and (max-width: 660px) {.ReportScrollable{top:185px;}}

.ListHeader, .ListDetails, .ListDetailsHighlight{font-size: 10pt; color: #0066cc;}
.ListDetails, .ListDetailsHighlight{margin-top: 2px; margin-bottom: 2px;}
.ListHeader{background-color: #d8e0e5; font-weight: bold;}
.ListDetails{background-color: #ffffff;}
.ListDetailsHighlight{color: #004a95; background-color: #fafafa;}

.ListPanelContainer{background-color: #f6f6f6;}
.ListPanel{border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ffffff #cccccc #cccccc #ffffff; margin:3px; padding:5px;}
.ListPanel:hover{border-color: #cccccc #808080 #808080 #cccccc;}

.Col0{width:35px;}
.Col1{width:105px;}
.Col2{width:105px;}
.Col3{width:120px;}
.Col4{width:280px;}

/* ----------- Search/Sort area -----------*/
.sAreaMask {position:fixed; z-index: 500; left: 0px; right: 0px; top: 165px; bottom: 20px; 
            background-image: url('../Images/disable-bg.png'); background-repeat: repeat;}
@media only screen and (max-width: 660px) {.sAreaMask{top:180px;}}
.sAreaRight{float:right; width: 100%; max-width:400px; height: 100%; background-color: #0082C8; padding: 10px 5px 0px 15px; text-align:left;}
.sAreaLeft{float:left; width: 100%; max-width:400px; height: 100%; background-color: #0082C8; padding:20px; text-align:left;}

.ButtonOK, .ButtonCancel{background-repeat: no-repeat; background-position: center center; background-color: #ffffff;} 
.ButtonOK, .ButtonCancel{height: 60px; width: 80px; padding: 4px; margin: 25px; color: #0082C8; font-weight: bold;}
.ButtonOK, .ButtonCancel{border-style: solid; border-width: 1px 1px 1px 1px; border-color: #cccccc #808080 #808080 #cccccc;}
.ButtonOK:hover, .ButtonCancel:hover{border-color: #ffffff #cccccc #cccccc #ffffff; background-color: #cccccc;}
.ButtonOK{background-image: url('../images/BtnOk.png');}
.ButtonCancel{background-image: url('../images/BtnCancel.png');}

.FindText{color: #005888; background-color: #ffffff; font-size: 10pt; font-family: Arial; font-weight: normal; 
          width: 100px; padding: 1px 4px 1px 4px; display: inline-block;}

.SortItem{color: #ffffff; font-size: 11pt; font-family: Arial; font-weight: bold; 
          width: 300px; padding: 1px 4px 1px 4px; display: inline-block;}
.SortItem:hover{color: #cccccc;}

.ButtonSortAsc, .ButtonSortDesc{background-repeat: no-repeat; background-position: top center; background-color: #ffffff;} 
.ButtonSortAsc, .ButtonSortDesc{height: 70px; width: 90px; padding: 50px 4px 4px 4px; margin: 25px; color: #0082C8; font-weight: bold;}
.ButtonSortAsc, .ButtonSortDesc{border-style: solid; border-width: 1px 1px 1px 1px; border-color: #cccccc #808080 #808080 #cccccc;}
.ButtonSortAsc:hover, .ButtonSortDesc:hover{border-color: #ffffff #cccccc #cccccc #ffffff; background-color: #cccccc;}
.ButtonSortAsc{background-image: url('../images/BtnSortAsc.png');}
.ButtonSortDesc{background-image: url('../images/BtnSortDesc.png');}

/*--------------- Loading message ---------------*/
.Loading {position: absolute; top: 45%;	left: 40%; z-index: 5000; width: 200px;	height: 40px; color: #000000;
	      background-color: #e0e0e0; background-image: url('../Images/preload.gif'); background-repeat: no-repeat; background-position: left center;
	      vertical-align: middle; text-align: center;}