body 
{
	background: #ecede3;
	background-image: url(../images/bg.jpg);
	 background-repeat:repeat-y ;
	 background-position:center;
	width:1000px; 
	margin:0 auto;
	 text-align:center;
	font-family: Arial, Helvetica, san-serif; 
	
	color: #444;
	}
.header { background: #fff; }

.nav { background: #2ebddb;  color: #fff; height: 36px; }
	.nav ul {    text-align: center;  margin:0 0 0 0; }
	.nav ul li { margin: 0 0 0 0; list-style-type: none; display: inline;  }
	.nav a:link, 
	.nav a:active,
	.nav a:visited { text-decoration: none; color: #fff; font-size: 14px; }
	.nav a:hover { text-decoration: underline; }

.header-right { text-align:right; font-size: 11px;  background-color: #fff; vertical-align: bottom;}
	.header-right .blue {color: #318f9e; }
	.header-right a:link, 
	.header-right a:active,
	.header-right a:visited, 
	.header-right a:hover { color: #318f9e; text-decoration: underline; }

#footer-container { height: 20px; background: url(../images/footer.jpg);  }
.footer { margin: 10px auto 0 auto; padding-bottom: 0px; font-size: 10px; color: #4d4d4f; text-align: center; }
	.footer .p { padding: 0 5px; }
	.footer a:link,
	.footer a:active,
	.footer a:visited,
	.footer a:hover  { color: #444; text-decoration: underline; }
.bucket { color: #4d4d4f; font-size: 12px;  letter-spacing: 0; }
.bucket h2 { text-align:left; margin-top: 0; color: #228998; font-family: Arial, Helvetica, san-serif; font-size: 20px; letter-spacing: 0; }
.home-buckets { padding: 15px 15px; vertical-align:top; width: 950px; height: 158px; margin: 0 auto; background-image: url(../images/home-bottom-area.jpg);  background-repeat: no-repeat; background-position:center bottom ;}
.home-buckets  .home-window-middle { padding: 15px 15px; }
.home-buckets .bucket { color: #4d4d4f; font-size: 12px;  letter-spacing: 0; }
.home-buckets .bucket h2 { text-align:left; margin-top: 0; color: #228998; font-family: Arial, Helvetica, san-serif; font-size: 20px; letter-spacing: 0; }
.home-buckets .bucket p { margin-top: 3px; text-align:left; padding-right:15px;   }
.home-buckets .left-bucket { float: left;  border-right: 1px solid #c7c8c2; margin: 0 0px 0 0px;}
.home-buckets .right-bucket { float: right; }
.home-buckets .blue {color: #318f9e; }
	.home-buckets a:link, 
	.home-buckets  a:active,
	.home-buckets  a:visited, 
	.home-buckets  a:hover { color: #444; text-decoration: underline; }


	
.leftcol {   margin-top: 12px; float: left;  padding: 0 0 0 0;}
.leftcol h4 { padding-left: 0px; font-size: 1.3em; letter-spacing: 0em;}
.leftcol td { margin-bottom: 20px; }
.leftcol p { padding: 0; font-size: 12px; }
.leftcol p.first { margin-top: 0; }
.leftcol  p.emphasis { color: #30909e; font-size: 16px; line-height: 24px; }

.window-red h4 { padding: 0 24px;  margin-top: 0; margin-bottom: 0px; color: #d44b4b; font-family: Arial, Helvetica, san-serif; font-size: 30px; font-weight: normal; line-height: 30px;}
.window-red h5 { padding: 0px 10px 0px 15px;  margin-top: 0; margin-bottom: 0px; color: #d44b4b; font-family: Arial, Helvetica, san-serif; font-size: 14px; font-weight: normal;}
.window-red a:link, 
.window-red a:active,
.window-red a:visited, 
.window-red a:hover { color: #d44b4b; font-weight: bold; font-size: 14px; text-decoration: underline; }


.blue-window-top { height: 15px; background: url(../images/window-blue-top.jpg) no-repeat bottom; }
.blue-window-middle { background: #328F9E; }
.blue-window-bottom { height: 15px; background: url(../images/window-blue-bottom.jpg) no-repeat; padding-bottom:20px  }

 .orange-window-top { height: 15px; background: url(../images/window-orange-top.gif) no-repeat; background-position:bottom; }
 .orange-window-middle { background: #EB4D17; }
 .orange-window-bottom { height: 15px; background: url(../images/window-orange-bottom.gif) no-repeat;  }

.red-window-top { width:211px; height: 15px; background: url(../images/window-clear-left-top.gif) no-repeat; }
.red-window-middle {  width:209px; border-left: 1px solid #e69898; border-right: 1px solid #e69898; padding: 0 0 0 0; }
.red-window-bottom {width:211px; height: 15px; margin-top: 0px; background: url(../images/window-clear-left-bottom.gif) no-repeat;  background-position:top; padding:0 0 0 0;}

.green-window-top { height: 15px; background: url(../images/window-green-top.gif) no-repeat; background-position:bottom; margin-top:20px; }
.green-window-middle {  padding: 0 35px; background: #889D43; color: #fff;}
.green-window-bottom { height: 15px; background: url(../images/window-green-bottom.gif) no-repeat; }


 .window-blue h4 { padding: 0 24px;  margin-top: 0; margin-bottom: 10px; color: #cbd99b; font-family: Arial, Helvetica, san-serif; font-size: 18px; }
 .window-blue ul { padding: 0 24px; }
.window-blue li { margin: 0; padding-left: 14px; line-height: 30px; list-style-type: none; background: url(../images/window-blue-arrows.gif) no-repeat 0 px; }
 .window-blue li a:link, 
.window-blue li a:active,
 .window-blue li a:visited, 
.window-blue li a:hover { color: #fff; font-weight: bold; font-size: 16px; text-decoration: none; }

.window-top { height: 30px; background: url(../images/window-clear-top.gif) no-repeat; background-position:bottom; }
.window-middle {  padding: 0 34px ;  border-left: 1px solid #c7c8c2; border-right: 1px solid #c7c8c2; }
.window-bottom{ height: 30px; background: url(../images/window-clear-bottom.gif) no-repeat; background-position:top;  }


#news ul { padding: 0; margin: 0; border-top: 1px dotted #228998; border-bottom: 1px dotted #228998; height: 153px; overflow: auto; margin-bottom:20px; }
#news ul li { list-style-type: none; margin: 0; font-size: 12px; padding: 10px 0; border-bottom: 1px dotted #795b84; }
#news ul li .date { color: #228998; font-weight: bold; }
#news ul li a:link,
#news ul li a:active,
#news ul li a:visited,
#news ul li a:hover  { color: #228998; font-weight: bold; text-decoration: none; font-size: 12px;}
#news h4 { margin-top: 0; display: inline; }
#news .newslink a:link,
#news .newslink a:active,
#news .newslink a:visited,
#news .newslink a:hover  { color: #228998; font-size: 11px; text-decoration: underline; margin: 0px 0px 10px 100px;}


#main-content {font-size: 0.8em; float:left; padding: 0 0 0 0;}
#main-content p {  padding: 0 0 0 0;  margin: 10px 0 0 0;  }
#main-content h1 {  padding: 0;  }
#main-content h1 { font-family: Arial, Helvetica, san-serif; font-size: 24px; }
#main-content h2 {  font-family: Arial, Helvetica, san-serif; display: inline; padding: 0; }
#main-content p.emphasis { color: #318f9e; font-size: 18px; }
#main-content p.emphasis a { font-weight: bold; }
#main-content p.emphasis-orange { color: #EB4D17; font-size: 18px; margin-bottom: 0px;}
#main-content p.emphasis-orange-itc { color: #EB4D17; font-size: 12px; font-style: italic; }
#main-content p.emphasis-orange a { color: #EB4D17; font-weight: bold; }
#main-content ul { margin: 15px 0 0 0; padding: 0 0 0 10px;}
#main-content ul li { margin: 0px 0 10px 0; list-style-position: outside; }
#main-content article { margin-top: 15px; }
#main-content article.has-links { }
#main-content .has-links .link-clear { height: 25px; }
#main-content .anchored-link { float: right; vertical-align:top; margin-top: -23px; }
#main-content .news ul { padding: 0; margin: 0; }
#main-content .news li { font-size: 12px; padding: 5px 0 15px 0; border-bottom: 1px dotted #795b84; }
#main-content .news a:link,
#main-content .news a:active,
#main-content .news a:visited,
#main-content .news a:hover  { color: #228998; font-weight: bold; text-decoration: none; font-size: 12px;}
#main-content .date { color: #228998; font-weight: bold; }

.red-theme h1 { color: #208a98; }
.red-theme h2 { color: #d44b4b; font-weight: normal; }
.red-theme h3 { font-family: Arial, Helvetica, san-serif; display: inline; padding: 0;  color: #ffffff; font-weight: normal; font-size: 20px; }
.red-theme h4 { font-family: Arial, Helvetica, san-serif; display: inline; padding: 0;  color: #d44b4b; font-weight: normal; font-size: 14px;}
.red-theme h5 { font-family: Arial, Helvetica, san-serif; display: inline; padding: 0;  color: #ffffff; font-weight: normal; font-size: 12px; }


.blue-theme h1 { color: #208a98; }
.blue-theme h2 { color: #208a98; font-weight: bold; }
.sample-alert-btn { background: url(../images/sample-alert-button.gif) no-repeat; width: 190px; height: 25px; display: block; }

 .orange-theme h1 { color: #208a98; }
 
.orange-theme h2 { color: #EB4D17; font-weight: normal; }
	 a:link, 
     a:active,
	 a:visited, 
	 a:hover { color: #318f9e; text-decoration: underline; }
	 a:hover {  font-weight:bold;}

table {
  border-collapse: collapse;
} 

img { border: 0;}


 input, button, textarea, select {
  font-family:  Arial, Helvetica, san-serif;
  letter-spacing: 0em;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, "DejaVu Serif", serif;
  letter-spacing: 0em;
}
pre, tt, code, kbd, samp, var {
  font-family: "Courier New", Courier, monospace;
}

/* These should be self explanatory
 */
h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1, h2, h3, h4, h5 {font-weight: normal;}

/* margin and padding values are reset for all these elements
 * you could remove from there elements you do not used in your documents, but I don't think it'd worth it 
 */
 dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, legend, input, button, textarea, blockquote, th {
  margin: 0;
  padding: 0;
}



 .window-orange h4 { padding: 0 24px;  margin-top: 0; margin-bottom: 0px; color: #ffffff; font-family: Arial, Helvetica, san-serif; font-size: 30px; font-weight: normal; line-height: 30px;}
 .window-orange h5 { padding: 15px 24px 0px 24px;  margin-top: 0; margin-bottom: 0px; color: #ffffff; font-family: Arial, Helvetica, san-serif; font-size: 18px; font-weight: normal;}
 .window-orange a:link, 
 .window-orange a:active,
.window-orange a:visited, 
 .window-orange a:hover { color: #fff; font-weight: bold; font-size: 18px; text-decoration: underline; }

.loginlibraryuser { color: #318f9e; font-size: 13px; }
.loginlibraryuser-window-top {color: #318f9e; font-size: 13px; z-index:100;  height: 18px; vertical-align:middle; font-family:Arial, Helvetica, san-serif; background: url(../images/libraryuser-login.gif) no-repeat;   width:auto;   }
.loginlibraryuser-window-bottom { height: 12px; position:relative; z-index:10; background: url(../images/login-bottom.gif) no-repeat; }

.login-window-top-collapse { background: url(../images/subscriber-login.gif) no-repeat; width:auto; height:15px; }
.login-window-top-colvisible{float:right; margin-top:5px; margin-right:5px; vertical-align:middle; position:relative;}
.login-window-top-colinvisible{ display:none;}
.login-window-top-coltitlevisible{text-align: left; float:left; position:relative;padding-top: 7px; font-size: 13px; padding-left:15px; font-weight: bold;}
.login-window-top-coltitleinvisible{display:none;}
.login-window-top {  height: 40px; background: url(../images/subscriber-login.gif) no-repeat; width:auto;   }
.login-window-top-forgot-password { height: 40px; background: url(../images/forgot-password.gif) no-repeat; width:auto; }
.login-window-middle { background: #DFEAE7;height:75%; display:block; }
.login-window-middleinvisible {display:none; }
.login-window-bottom { height: 20px; background: url(../images/login-bottom.gif) no-repeat; }


.login-go-btn { background: url(../images/login-go-button.gif) no-repeat; width: 23px; height: 22px; border: 0; cursor: pointer; vertical-align:bottom;  }

#login { color: #318f9e; font-size: 12px; }
#login a:link, a:active, a:visited, a:hover { color: #318f9e; }
#login ul { padding: 0; }
#login ul li { list-style-type: none; margin: 0; }
#login input { font-size: 12px; }
#login input[type=text] { padding-left: 5px; width: 180px; margin-top: 0.7em; }
#login input[type=password] { padding-left: 5px; width: 180px; margin-top: 0.7em; }
#login input.login-go-btn { vertical-align: bottom; }
#login .login-window-middle { padding: 0 4px; }

#divForgotPassword input.login-forgotpassword-btn {color:Black; font-size :12px;width:80px;height:19px;
                            background-color:#F5F5F5;
							border-style:groove;z-index:2;
							vertical-align:middle;text-align:center;}

#divForgotPassword input.login-forgotPasswordCancel-btn {color:Black; font-size :12px;width:50px;height:19px;
background-color:#F5F5F5;
border-style:groove;z-index:2;
vertical-align:middle;text-align:center;}

#Register
{
	width:75%;
	text-align:center;
	border-color:Navy;
	border-width:1px;
	border-style:solid;
	align:center;
}

#Register label,.label
{
	font-size:12px;
	color:Navy;
	font-weight:bold;
}
#Register input
{
	font-size:12px;
	color:Navy;
}
#Register select
{
	font-size:12px;
	color:Navy;
}
#Register input[type=text],input[type=password]
{
	font-size:12px;
	color:Navy;
	width:135px;
}
#Register .labelNote
{
	font-size:11px;
	color:Navy;
	font-weight:bold;	
}

#License
{
	width:100%;
	height:350px;
	text-align:center;
	border-color:Navy;
	border-width:1px;
	border-style:solid;
	align:center;
	overflow:auto;
}

.errorText
{
	color: red;
	font-size:12px;
	font-weight:bold;
	text-align:left;	
}
 .errorLabel
{
	font-size:11px;
	font-weight:bold;
}

.rwContentRow
{
	color: #4d4d4f; 
	font-size: 12px;  
	letter-spacing: 0;
	background-color:#F6FCFB;
}

#home-banner { width:675px;  float: right;  padding: 0px 0px 0px 0px; margin-top: -27px;  vertical-align:  top ; }
#contact { width: 225px; float: left; margin-top: 0px; padding: 20px 10px 10px 10px; border:2;}
#contact h2 { margin-top: 10px; color: #228998; font-family: Arial, Helvetica, san-serif; font-size: 24px; letter-spacing: 0; }
#contact p { margin-top: 3px; font-size: 12px;}

div .centerAlign 
{
	text-align: center;
	display:block;
	margin:0 auto;
}
span .centerAlign 
{
	text-align: center;
	display:block;
	margin:0 auto;
}

/* Landing page*/
.landing-buckets { padding: 15px 5px; vertical-align:top; margin-bottom:10px; width: 700px; height: auto; background-color:#F6FCFB; border:1px solid black;}
.landing-buckets h1,h2,h3,h4,h5,h6 { text-align:left; margin-top: 0; color: #228998; font-family: Arial, Helvetica, san-serif; letter-spacing: 0;font-weight: normal; }
.bucketdisabled
{
	font-weight:normal !important;
	cursor:default !important;
}
.LabelCaption
{
	text-align:left; 
	font-family: Arial, Helvetica, san-serif;
	font-weight:bold; 
}
.landing-buckets A:link
{
	text-decoration:none;
}
/*styles for modal popup*/
.p_content_header
{
	background:url(../Images/topHeader-small.gif) no-repeat;
	width:296px;
	height:38px;
	text-align:left;
	padding:5px 0 0 20px;
	margin:0;/*
	text-align:left;
	padding:20px 0 0 60px;
	margin 0px;
	border: solid 0px red;
	width:596px;
	float:left;
	z-index:1000;
	overflow:hidden;*/
}

.p_popup_body_tile_payment {
	position:relative;
	margin: -25px 15px 0px 1px;
	height:auto;
	background-repeat:no-repeat;
	border: solid 0px #A3D26C;
	float:left;
}

.p_innerbox_bg {
	position:relative;
	margin:8px 0px 0px 0px;
	background-color:white;
	padding:0px;
	border: solid 3px Black;
	overflow:visible;
	height:auto;
	width:604px;
	z-index:0;
}

.p_innerbox {
	position:relative;
	width:604px;
	background-color:#FFFFFF;
	border:0px #759d44 solid;
	margin-left:0px;
	float:none;
	height:auto;
	max-height:440px;
	overflow-y:auto;
	overflow-x:hidden;
	position:relative;	
}

.label-Normaltext
{	
	font-size:12px;
	font-style:italic;
}

.label-Boldtext
{
	font-size:12px;
	font-weight:bold;
}

.modalbackground
{
    background-color: #DDDDDD;
    border:solid 1px Gray;
    color:Black;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.popupbackground
{
	 cursor:move;
	 background-color: #DDDDDD;
	 border:solid 1px Gray;
	 color:Black;
}
.popup-background
{
	background-color: #DDDDDD;
    border:solid 1px Gray;
    color:Black;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.popup-div-block
{
	display:none;
}
.popup-div-show
{
	display:block;
}

.popup_header-tab-image
{
	margin:  0px 0px 0px 15px;
	border: solid 0px white;
}
.tblfooterabs
{ 
	border:none 0px white;
	vertical-align:bottom;
	position:absolute !important;
	bottom:0px;
	line-height:15px !important;
	height:15px !important;
	text-align:center !important;
	background-color:Transparent;
	margin :0px 0px 0px 0px;
	padding :0px 0px 0px 0px;
}
.tblfooterrel
{ 
	border:none 0px white;
	vertical-align:bottom;
	position:relative !important;
	bottom:0px;
	line-height:15px !important;
	height:15px !important;
	text-align:center !important;
	background-color:Transparent;
	margin :0px 0px 0px 0px;
	padding :0px 0px 0px 0px;
}

.service-buckets {text-align:left;font-size:12px; padding:15px 20px; vertical-align:top; margin-bottom:20px;  width: 720px; height: auto; background-color:#F6FCFB; border:1px solid gray; height:100px; overflow:auto;}
.service-buckets serviceheader{ text-align:left; margin-top:5; color: #228998; font-family: Arial, Helvetica, san-serif; letter-spacing: 0;font-weight: normal; }
.service-buckets td
{    clear:both;
	padding:5px 0px 3px 5px;
	text-decoration:none !important;
	color:#4D4D4F;
	letter-spacing:0;
	/*border:solid 1px red;*/
}

.serviceheaderrow
{  /*background-color:#AFD7E2;*/
	height:30px;
}
.ServiceTitle
{
	color: #228998 !important; 
	font-family: Arial,
	Helvetica, san-serif;
	font-size: 20px !important;
	letter-spacing: 0; 
	text-decoration:none !important;
	font-weight:normal;
}

.serviceitemcol1
{
	width:16%;
}
.serviceitemcol2
{
	width:25%;
}
.serviceitemcol3
{
	width:15%;
}
.serviceitemcol4
{
	width:35%;
}
.serviceitemcol4 a
{
	padding-left:3px;
}
.MyLoadingImage
{
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -65px;
}
.subscriptionuser-buckets {text-align:left;font-size:12px; padding:0px 0px; vertical-align:top; margin-bottom:4px;  width: 100%; height: auto; background-color:#F6FCFB; border:1px solid gray; overflow:auto;}
.subscriptionuser-buckets serviceheader{ text-align:left; margin-top:5; color: #228998; font-family: Arial, Helvetica, san-serif; letter-spacing: 0;font-weight: normal; height:30px !important ; }
.subscriptionuser-buckets td
{    clear:both;
	padding:3px 0px 3px 4px;
	text-decoration:none !important;
	color:#4D4D4F;
	letter-spacing:0;
	/*border:solid 1px red;*/
}
.subscriptionuser-RightCol
{
	padding-right:3px !important;
	text-align:right ;
}
.subscriptionuser-footerTotalCol
{
	padding-right:10px !important;
	text-align:right ;
	font-weight: bold !important;
}
.subscriptionusertd
{
	border-bottom:solid 1px gray;
	background-color:White ;
}
.rgRow td 
{  clear:both;
	padding:2px 2px 0px 5px !important;
}

.rgAltRow td 
{  clear:both;
	padding:2px 2px 0px 5px !important;
}
.rgRow input
{  margin-right:2px;
}
.rgAltRow input
{  margin-right:2px;
}
.subscriptionuser-footer
{  
	font-size: 13px; 
}
.subscriptionuser-footer td
{padding:2px 10px 1px 5px !important;
}
.subscribecancelsubtitle
{
	color:red;
	font-weight:bold;
	width:100%;
}
.subscribecancelmessage
{
	font-size:12px;
	text-align:right;
	font-weight:bold;
	width:90%;
}
.landingmanageservice 
{  text-align:left;
	padding-left:2px;
}
.landingmanageservice a:link
{
	font-weight:normal ;
 font-weight:normal ;
}
.landingmanageservice a:active,
.landingmanageservice a:visited,
.landingmanageservice a:hover  {font-weight:bold !important; text-decoration: underline; }