﻿body 
{
	margin:0;	
	/*background: url("../images/gradient_bg_04_np.jpg") no-repeat scroll center top #64cbf6;*/
	background: #ffffff;
	font-family:Arial;
	color:#2b5681;
}
.toolbox
{
	display:none;
}
body.blankbg
{
	margin:0;
	background:#fff;	
	 font-family:Arial;
  
  color:#2b5681;
}

#pagemiddle
{
  width:100%;
  background:#fff;
  height:100%;  
  
  padding: 0;
}
.headerbg
{	
	background:#57c5ee url("../images/bg-blue-gradient.gif") repeat-x 0 0;
	height:100px; 
}
.middlecontent
{
  font-family:Arial;
  font-size:12px;
  height:420px;  
  color:#2b5681;
  width:100%;
  vertical-align:top;
}
.footerbg
{
	background: url("../images/bg-blue-gradient.gif") repeat-x 0 0;
	height:40px; 
	 font-family:Arial;
  font-size:12px;
  text-align:right;
  color:#3c464d;
}

table.loginbox
{ 
  background:#fff url(../images/bg-image.gif) no-repeat;  
  font-family:Arial;
  font-size:12px;  
  height:300px;
  width:400px;
  text-align:center;
  
  
}
table.loginbox td table.loginmiddle
{ 
  font-family:Arial;
  font-size:12px;  
  color:Black;
  
  
}



table.loginbox td.header
{
	background:#ededed;
	height:30px; 
	text-align:center;
	font-weight:bold;
	font-size:14px;  
	color:#3c464d;
}

.textfield	
{
	font-family:Arial; 
	font-size:12px; 
	border:solid 1px #3c464d;
	height:20px;
	line-height:20px;
	color:#3c464d;
}

.loginfield
{
   font-size:12px;   
   font-weight:bold;
   font-family:Arial;  
   width:150px; 
   height:20px;
   line-height:20px;
   color:Black;
   border:solid 1px #3c464d;
   
}

.graybtn, .graybtn:visited {
    
    text-transform:uppercase;
    font-size:12px;
    font-family:Arial;
    border:0px;
    background:#2075cc url(../images/btn.png) repeat-x;	
	color:white;
	font-size:12px;   
    font-weight:bold;    
}


.buttonbg 
{
    -webkit-border-radius:0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
	border-radius:0.5em 0.5em 0.5em 0.5em;
	-khtml-border-radius: 0.5em 0.5em 0.5em 0.5em;
	
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	
    cursor: pointer;
    display: inline-block;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    margin-top: 5px;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    color:white; 
}
.buttonbg:hover
{
	color:white;	
	
    -webkit-border-radius:0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
	border-radius:0.5em 0.5em 0.5em 0.5em;
	-khtml-border-radius: 0.5em 0.5em 0.5em 0.5em;
	
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	
    cursor: pointer;
    display: inline-block;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    margin-top: 5px;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);   
	color:White;
    

}


.contentpg
{
	border-top:#c6c9ce solid 1px;
	border-bottom:#c6c9ce solid 1px;
}

#leftmenulist 
{
	list-style:none;
	font-size:14px;
	color:#426dc9;
	font-family:Arial;	
	left:-40px; 	
	margin:0;	
	text-align:left;
}


#leftmenulist td
{
	height:25px;
	line-height:25px;			
	padding-left:20px;	
	text-align:left;
	cursor:pointer;
}

#leftmenulist td:hover
{
	color:#426dc9;	
	background:#bbcee9;
	border:1px solid #8faad9;
	height:25px;
	line-height:25px;
	font-weight:bold;
	cursor:pointer;		
}

#leftmenulist td.none
{
	cursor:pointer;
}
#leftmenulist td:hover.none
{
	cursor:pointer;
	border:0px solid #8faad9;
	background:none;
}


#leftmenulist a
{	
	font-size:12px;
	color:#426dc9;
	font-family:Arial;	
	text-decoration:none;
	text-shadow: white 0 1px 1px;
	
}

#leftmenulist a:hover
{
	font-size:12px;
	color:#426dc9;
	font-family:Arial;	
	text-decoration:none;
	font-weight:bold;
	text-shadow: white 0 1px 1px;
}



.leftmenu
{
	background:#eaeef3  url(../images/leftRepeat.png) repeat-y;
	height:100%;
	width:201;
	text-align:right;	
}

#LiveClockIE
{
	top:2px;	
	float:right;
	right:20px;
	width:120px;
	position:absolute;
	z-index:200px;
	font-family:Arial;
	font-size:8pt;
}

.logtime
{
	top:2px;
	float:right;
	right:100px;
	width:250px;
	position:absolute;
	z-index:200px;
	font-family:Arial;
	font-size:8pt;
}

table.tablebg 	
{
	border:solid 1px #2b72b6;
	font-family:Arial;
	font-size:9pt;
	
    -webkit-border-radius:0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
	border-radius:0.5em 0.5em 0.5em 0.5em;
	-khtml-border-radius: 0.5em 0.5em 0.5em 0.5em;
	
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

table.tablebg td.tdheader	
{
	background:#2b72b6 url(../images/btn.png) repeat-x;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	border:0px;
	width:507px;
	height:25px;
	text-align:left;
	color:white;
	padding-left:15px;
	
}


div.middlecontentblock
{
	display:block;	
	width:100%;
	height:100%;		
	padding:5px;
	vertical-align:top;
}
#Pgtitle
{
	 font-size:14px;
}

a
{
	  font-family:Arial;
	  font-size:11px;
	  color:#2b5681;
	  font-size:12px;
	  text-decoration:underline;
}
a:hover
{
	  font-family:Arial;
	  font-size:11px;
	  color:#2b5681;
	  font-size:12px;
	  text-decoration:none;
}

.printpagelogo
{
	display:none;
}


table.detailsform
{
  width:50%;
  background:#fff;
  height:100%;    
  padding: 0;	 
}


table.detailsform td
{  
  background:#fff;
  height:100%;  
  border:#5c6c75 solid 1px;
  padding: 4px;	 
  text-align:left;
}

.rotate{
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;

	overflow:hidden;

}

.rotate:hover
{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
}

.titleheader
{
  font-family:Arial;
  font-size:16px;
}

.PagerStyle span

{
    font-weight:bold;
    color:black;
    font-size:12px;
    text-decoration:none;
} 

.PagerStyle

{
   background-position:top;
   
} 
.PagerStyle table

{

    text-align:center;

    margin:auto;

}

.PagerStyle table td

{

    border:0px;

    padding:5px;/*padding around pager numbers */

}

.PagerStyle td

{

    border-top: #1d1d1d 1px solid;/*top border of pager*/

   }

.PagerStyle a
{
	color: black;
	text-decoration: none;
	padding: 2px 5px 2px 5px; /*border around pager numbers*/
	border-top: solid 1px #dbdbdb;
	border-right: #dbdbdb 1px solid;
	font-size:12px;
	border-bottom: #dbdbdb 1px solid;
	border-left: #dbdbdb 1px solid;
	border-top: #dbdbdb 1px solid;
}

.PagerStyle a:hover
{
	color: black;
	text-decoration: none;
	padding: 2px 5px 2px 5px; /*border around pager numbers*/
	border-top: solid 1px #dbdbdb;
	border-right: #dbdbdb 1px solid;
	font-size:12px;
	border-bottom: #dbdbdb 1px solid;
	border-left: #dbdbdb 1px solid;
	border-top: #dbdbdb 1px solid;
	background-color:#efefef;
}




.ajax__calendar_container
{
	border:solid 1px #000;
	background:#fff;
}

/* Menus - Start */
#jsddm { margin: 0; padding: 0; z-index: 999; }
#jsddm li {	float: left; list-style: none; font-weight: bold; text-align: center; }
#jsddm li a {	display: block; background-image: url('../images/menubg.png'); padding: 5px 12px; text-decoration: none; border-right: 1px solid #82A3C4; border-top: 1px solid #82A3C4; border-bottom: 1px solid #82A3C4; width: 136px; color: #000000; white-space: nowrap; }
html>body #jsddm li a {	width: auto; min-width: 136px; }
#jsddm li a:hover {	background-image: url('../images/menubg_hover.png'); color: #FFFFFF; }
#jsddm li ul { z-index: 999; margin: 0; padding: 0; position: absolute; visibility: hidden; border-right: 1px solid #82A3C4; border-left: 1px solid #82A3C4; border-bottom: 1px solid #82A3C4; }
#jsddm li ul li {float: none; display: inline; }
#jsddm li ul li a {	width: auto; background: #F5F5F5; background-image: none; border-right: 0; border-top: 0;  border-bottom: 0; width: 137px; text-align: left; }
#jsddm li ul li a:hover { background-image: url('../images/menubg_hover.gif'); }
#jsddm li ul.subscrib li a {	width: auto; background: #F5F5F5; background-image: none; border-right: 0; border-top: 0;  border-bottom: 0; width: 165px; text-align: left; }
#jsddm li ul.subscrib li a:hover { background-image: url('../images/menubg_hover.png'); }

#jsdd { margin: 0; padding: 0; z-index: 999; }
#jsdd li {	float: left; list-style: none; font-weight: bold; text-align: center; }
#jsdd li a {	display: block; background-image: url('../images/menubg.png'); padding: 5px 12px; text-decoration: none; border-right: 1px solid #82A3C4; border-top: 1px solid #82A3C4; border-bottom: 1px solid #82A3C4; width: 140px; color: #000000; white-space: nowrap; }
html>body #jsdd li a {	width: auto; min-width: 140px; }
#jsdd li a:hover {	background-image: url('../images/menubg_hover.png'); color: #FFFFFF; }
#jsdd li ul { z-index: 999; margin: 0; padding: 0; position: absolute; visibility: hidden; border-right: 1px solid #82A3C4; border-left: 1px solid #82A3C4; border-bottom: 1px solid #82A3C4; }
#jsdd li ul li {float: none; display: inline; }
#jsdd li ul li a {	width: auto; background: #F5F5F5; background-image: none; border-right: 0; border-top: 0;  border-bottom: 0; width: 140px; text-align: left; }
#jsdd li ul li a:hover { background-image: url('../images/menubg_hover.png'); }
#jsdd li ul.subscri li a {	width: auto; background: #F5F5F5; background-image: none; border-right: 0; border-top: 0;  border-bottom: 0; width: 140px; text-align: left; }
#jsdd li ul.subscri li a:hover { background-image: url('../images/menubg_hover.png'); }

#polldiv {height:auto; background-color:#DBE8FB; border:1px solid #C3CFDB;}