body, input, textarea, select { margin: 0; font-family: Calibri, Arial, Helvetica; font-size:14px; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; }
.button { font-weight: bold; }
.primarynav { padding: 0px; }
.footernav { text-align: center; }

/* color is primary 4 */
a { color: red; }

/* #CEDAF6 */

/* bgcolor is primary 1 */
.headcontent { background-color:#ebf4ff; width: 100%; height: 170px; background-image: url('img/gtcc-banner.jpg'); }
.headerLeft { width: 200px; height: 170px; }
.headerMiddle { height: 170px;}
.headerRight { width: 300px; height: 170px; background-image: url('img/header-right-bg2.png');}

/* bgcolor is primary B 1 */
.headerlogincontent { color: white; width: 290px; height: 100px; padding: 5 5 5 5; }

.weather {color: red;}
.loggedInName { font-size: 1.2em; font-weight: bold; color: white;}

/* primary menu */
.primarynav_container { vertical-align:middle; height: 30px; padding: 0px; }
/* bgcolor is primary 4 */
.primarynavcontent { width:100%; height:30px; background-color:#CEDAF6; vertical-align:middle; }
/* bgcolor is primary 3 */
.footernavcontent { width: 100%; height: 30px; background-color:#324879; text-align:center; }

/* bgcolor is secondary 1 */
.rightcontent { background-color:#b6d3c8; color: Black; width: 290px; padding: 0px; vertical-align:top; }

.rightcontent .heading { font-size: 1.2em; font-weight: bold; color: Blue;}

/* bgcolor is primary 3 */
.maincontent { background-color: #324879; color: White;}

/* bgcolor is primary 3 */
.maincontentoops { background-color: #324879; color: White; font-size: 1.1em; padding: 100px 20px 100px 100px;}
.maincontentoops .container { padding: 20px 20px 20px 20px; border: solid  2px red; width: 400px; }
.maincontentoops .title { font-size: 1.3em; font-weight:bold; }

/* Register CSS */
.RegisterWizardForm { text-align:left;font-size: 11px; font: 11px tahoma, verdana, sans-serif; width: 360px; }

/* bgcolor is Secondary 4 */
.HelpBoxTable { border: solid 1px black; background-color: #FFF7D1; color: Black; padding: 20 20 20 20; margin: 20 20 20 20; width: 300px; }
.Caption  { font-weight:bold; text-align: right; }

.error { color: Red;}
.notice { color: Blue; }

.module_container .hlink { color: Red;}
.module_container .daysleft { color: Red; font-size: 1.6em; font-weight:bold;}

.forgotpwdbox  .topspacer {font-weight:bold; height:55px;}

.logincontainer {text-align:center; width: 100%; vertical-align:top; white-space:normal;}
.logincontainer .loginbox { width:520px; background-image:url('img/login-box.png'); background-repeat:no-repeat; height: 210px; }
.logincontainer .topspacer {font-weight:bold; height:55px;}
.logincontainer .left { width: 100px;}
.logincontainer .right { width: 420px;}

.captchatxt { font-size: 1.1em; }
.captchaenter { font-size: 1.6em; font-weight: bold; color: red;}

/* panel start */

.panel_container { float: left; font: 8pt Verdana,Tahoma,Arial,Helvetica; background: none repeat scroll 0 0 #ECECEC; margin-bottom: 5px; padding: 3px; color: Black; height: auto; }
.panel_container .border { border: 1px solid #CCCCCC; } 
.panel_container .header { -moz-user-select: none; border-bottom: 1px solid #B3B3B3; height: 22px; overflow: hidden; }
.panel_container .header_frame { -moz-user-select: none; }
.panel_container .header_frame a { border: 0 solid #CCCCCC; }
.panel_container .left_icon { float: left; height: 16px; width: 16px; vertical-align: middle; margin-left: 5px; overflow: hidden; padding: 3px 0px 5px 2px; background-image: url("img/panel-car-icon.gif"); background-repeat:no-repeat; }
.panel_container .left_icon img { padding: 1px 1px 1px 1px; height: 15px; }
.panel_container .right_icon { float: right; white-space:nowrap; margin-right: 5px; margin-top: 2px;}
.panel_container .title_container {  font-weight: bold; }
.panel_container .title { float: left; height: 25px; line-height: 200%; margin-left: 5px; padding: 0; }
.panel_container .content_container { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #B3B3B3; font: 8pt/150% Tahoma,Arial,Helvetica; overflow: auto; padding: 8px; height: 210px;  }

.panel_container .footer_frame { -moz-user-select: none; }
.panel_container .footer { -moz-user-select: none; background-color: #cad2db; border-bottom: 1px solid #B3B3B3; height: 22px; overflow: hidden; }
.panel_container .property_container { float: left; margin-left: 5px; }
.panel_container .details { font-size: 0.9em; font-style:italic; height: 25px; line-height: 200%; }
.panel_container .rightfooter_icon { float: right; white-space:nowrap; margin-right: 5px; margin-top: 4px; }

/* panel end */

.columnleft { width: 40%; left: 0px; top: 0px; padding: 5px; vertical-align: top; min-width: 425px; }
.columnmiddle { width: 40%; left: 0px; top: 0px; padding: 5px; vertical-align: top; min-width: 425px; }
.columnright { width: 20%; left: 0px; top: 0px; padding: 5px; vertical-align: top; min-width: 250px; }

/* Login Page */
.logincolumnleft { width: 50%; left: 0px; top: 0px; padding: 5px; vertical-align: top; min-width: 425px; }
.logincolumnright { width: 50%; left: 0px; top: 0px; padding: 5px; vertical-align: top; min-width: 250px; }

.module_zone element { left: 0; top: 0; }
.module_container { background: none repeat scroll 0 0 white; margin-bottom: 5px; padding: 4px; min-height: 300px; font-size: 1.1em; text-align:left; }

.RadDock_Vista em { font-size: 1.1em;} 

.weather_container { height: auto;  }
.weather_container .currentTemp { position: absolute; top: 42px; left: 93px; color:black; font-size:40px; font-weight:bold; padding:5px 15px 2px 0; }
.weather_container .forecastimage { width: 50px;}
.weather_container .weatherAsOf { padding: 10px 0px 5px 10px;}
.weather_container .currentTempText { position: absolute; top: 150px; left: 190px; color: Red;  }
.weather_container .forecastTempText { color: Red; padding-bottom: 3px;}

#tooltip { position:absolute;border:1px solid #333;background:#f7f5d1;padding:2px 5px;color:#333;display:none;}