html, body {height: 100%;}
body {height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0; padding: 0; background:#eaeaea; color: #666;}
p {padding: 0; margin: 0;}
ul, li {list-style: none; padding: 0; margin: 0;}
img {border: none;}
h1, h2, h3, h4, h5 {padding: 0; margin: 0;}
.left {float: left;}
.right {float: right;}
.red {color: #C61B1B;}
.green {color: #98B22B; }
.smltxt {font-size: 11px;}
.hoverimg {background: #ccc; padding: 3px; float: left;}
.hoverimg:hover {cursor: pointer; background: #e4e4e4;}
/* Header Elements */
#wrapper{
width:980px;
margin:0 auto;
background:url(../img/bg_body_left.png) repeat-y left;
}
#wrapper-noLeftBar{
width:980px;
margin:0 auto;
background:none;
}
#header {width: 100%; height: 75px; background: #353535 url(../img/bg_header.png) repeat-x bottom;}
.head-fix{
width:980px;
margin:0 auto;
}
.logo {float: left; padding: 20px 0 0 30px;}
#searcharea {float: right; padding: 15px 15px 0 0;}
#searcharea p {color: #ccc; padding-top: 10px;}
#searcharea a {color: #ccc;}
#searcharea a:hover {color: #999;}
.searchbox {margin-left: 10px; font-size: 14px; color: #888; padding: 10px 15px; width: 350px; border: 1px solid #fff; -moz-border-radius: 8px; border-radius: 8px; background: #fff url(../img/bg_fade_med.png) repeat-x top;}
.searchbtn {background: url(../img/bg_btn_grey_lrg.png) repeat-x top; border: 1px solid #000; text-shadow: 1px 1px 1px #eee; padding: 10px; -moz-border-radius: 8px; border-radius: 8px;}
.searchbtn:hover {background: url(../img/bg_btn_grey_lrg.png) 0 -50px; cursor: pointer;}
/* Top Breadcrumb */
#breadcrumb {height: 21px; background: #C7C7C7 url(../img/bg_breadcrumb.png) repeat-x top; margin: 0 0 0 226px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 12px 0 8px 35px; text-shadow: 1px 1px 1px #e4e4e4;}
#breadcrumb li {float: left; padding-right: 5px;}
#breadcrumb li.current {font-weight: 700; font-size: 14px;}
#breadcrumb a {color: #666; text-decoration: none;}
#breadcrumb a:hover {color: #333;}
/* Left Side/Navigation Elements */
#leftside {width: 225px; /*height: 100%;*/ background: #525252 url(../img/bg_leftside.png) repeat-x top; position: absolute; top: 75px; border-right:1px solid #fff; padding-top: 10px;}
/* Top User Info Box */
/* Added by pratibha on 15-6-2011 */
.user, .no-notifications {width:195px; padding: 15px; color: #ccc; overflow: auto; text-shadow: 1px 1px 1px #111; background: url(../img/bg_left_spacer.png) repeat-x bottom;}
.no-notifications a {text-decoration: none; font-weight: 700; color: #fff;}
.user, .notifications {position:relative; width:195px; padding: 15px; color: #ccc; overflow: auto; text-shadow: 1px 1px 1px #111; background: url(../img/bg_left_spacer.png) repeat-x bottom;}
.user img {float: left; margin: 5px 15px 10px 0;}
.username {color: #fff; font-size: 18px; font-weight:700; letter-spacing: -1px; padding-bottom: 5px;}
.userbtn {text-shadow: none; float: left; padding-right: 5px; text-align: center;}
/*.userbtn a {display: block; color: #000; text-shadow: 1px 1px 1px #eee; font-size: 11px; width: 58px; background: #ccc url(../img/bg_btn_grey_sml.png) repeat-x top; border: 1px solid #000; padding: 2px 0; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px;}
.userbtn a:hover {color: #fff; background: #eee url(../img/bg_btn_grey_sml.png) 0 -30px; text-shadow: none;}*/
.userbtn a {display: block; color: #FFF; font-size: 11px; width: 58px; background: #ccc url(../img/bg_btn_grey_sml.png) repeat-x top; border: 1px solid #000; padding: 5px 0; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px;}
.userbtn a:hover {color: #fff; background: #eee url(../img/bg_btn_grey_sml.png) 0 -30px; text-shadow: none;}
/* Side Notifications Link */
.notifications a {text-decoration: none; font-weight: 700; color: #fff;}
.notifycount {float: left; width: 35px; height: 35px; text-align: center; font-size: 18px; display: block; line-height: 1.6em; margin-right: 10px; letter-spacing: -1px;}
/* Navigation Elements */
ul.navigation {width: 225px; color: #fff;}
ul.navigation li a {text-shadow: 1px 1px 1px #222; background: url(../img/bg_navigation_link.png) repeat-x top; outline: none; width: 205px; display: block; color: #fff; text-decoration: none; padding: 10px; height: 15px;}
ul.navigation li a:hover {color: #ccc; background: #333;}
ul#nav li a.heading, a.collapsed, a.expanded, ul.navigation li.selected{line-height: 1.2em; width: 205px; font-size: 16px; font-weight: 700; padding: 9px 10px; display: block; color: #fff; cursor: pointer;}
ul.navigation li.selected {width: 226px; z-index: 2; position: relative; padding: 10px;}
/* Main Content/Right Side */
#rightside {height: 100%; margin: 20px 20px 0 250px;}
#rightside-visiter {height: 100%; margin: 20px 0px 0 0px;}
.contentcontainer {margin-bottom: 20px; }
.headings {padding: 0 20px; border: 1px solid #CACACA; text-shadow: 1px 1px 1px #fff; background: #EAEAEA url(../img/bg_heading.png) repeat-x top; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; letter-spacing: -1px; height: 45px;}
.headings h2 {padding-top: 10px; font-size: 20px;}
.h2sty {padding-top: 12px !important; padding-bottom:12px !important; font-size: 20px; font-size:15px; color:#525252; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0 !important;}
/*.contentbox {overflow: auto; border: 1px solid #fff; padding: 15px; background: #fff url(../img/bg_fade_med.png) repeat-x top; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;} */
.nopad {padding: 0;}
.contentbox p {padding-bottom: 15px;}
.contentbox a, #notificationsbox a {color: #1080d7;}
.contentbox a:hover, #notificationsbox a:hover {color: #1080d7;}
ul.smltabs {float: right; padding-top: 20px;}
ul.smltabs li {float: left;}
.ui-tabs .ui-tabs-nav li a {position: relative; z-index: 3; display: block; text-decoration: none; float: left; background: #313131; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; padding: 5px 20px; margin-left: 2px; font-weight: 700; color: #fff; text-shadow: none; outline: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background: #fff; color: #666; top: 1px; outline: none;}
.ui-tabs .ui-tabs-hide {display: none;}
.ui-tabs .ui-tabs-panel {background-image: none;}
ul.pagination {float: right; font-size: 11px; clear: both;}
ul.pagination li {float: left; padding-right: 5px;}
ul.pagination li a {padding: 3px 7px; border: 1px solid #ccc; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; display: block; background: #fff url(../img/bg_fade_up.png) repeat-x bottom; margin-bottom:7px;}
ul.pagination li.page a {color: #fff; font-weight: 700;}
ul.pagination li.page a:hover {color: #fff;}
ul.pagination li.text a {border: none; text-decoration: underline; padding: 0 5px 0 0;}
ul.pagination li.text {line-height: 2em;}
/* Notice Boxes */
.noticebox, .noticeboxalt {border: 1px solid #FDD845; background: #FFE082 url(../img/bg_noticebox_yellow.png) repeat-x top; width: 267px; margin: 0 15px 15px 0; float: left; text-shadow: 1px 1px 1px #fff;}
.noticeboxalt {border: 1px solid #ccc; background: #D8D8D8 url(../img/bg_noticebox_grey.png) repeat-x top;}
.noticebox a, .noticeboxalt a {text-shadow: none;}
.innernotice {padding: 15px; border: 1px solid #fff; width: 235px; float: left; background: none;}
/* Notifications Box */
#notificationsbox {top: 10px !important; width: 375px; background: #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; display: none;}
#notificationsbox h4 {width: 375px; padding: 15px 0; background: #999 url(../img/bg_grey_dark_med.png) repeat-x top; text-align: center; border-top-left-radius: 15px; border-top-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; text-shadow: 1px 1px 1px #e0e0e0; font-size: 28px; border-bottom: 1px solid #777;}
#notificationsbox li {padding: 15px; width: 345px; border-bottom: 1px solid #ccc; background: url(../img/bg_fade_up.png) repeat-x bottom;}
#notificationsbox li h5 {font-size: 13px;}
#notificationsbox li p {font-size: 10px;}
#notificationsbox p.loadmore {padding: 15px;}
img.closenot {float: right; padding-top: 7px; border: none;}
/* News Box */
.newsitem {border-bottom: 1px solid #ccc; padding: 15px; text-align: left; background: url(../img/bg_fade_up.png) repeat-x bottom;}
.newsitem img {float: left; margin: 0 15px 13px 0;}
.newsitem p {padding: 0 0 10px 0;}
p.bottominfo {padding: 10px 15px;}
/* Alternative Box Widths */
.med {width: 60%;}
.sml {width: 38%;}
/* Table Styles */
table {border-collapse: collapse;}
th,td {text-align: left; padding: 8px;}
th {background: #e0e0e0 url(../img/bg_th.png) repeat-x top; text-shadow: 1px 1px 1px #fff; font-size: 14px;}
tr.alt td{background: #F2F2F2 url(../img/bg_td_alt.png) repeat-x top; text-shadow: 1px 1px 1px #fff;}
tr.alt2 td{background: #F2F2F2; text-shadow: 1px 1px 1px #fff;}
.extrabottom {padding: 15px; height: 40px; background: url(../img/bg_fade_sml.png) repeat-x top; border-radius: 10px; -moz-border-radius: 10px; margin-top: 10px;}
.extrabottom ul {float: left;}
.extrabottom li {float: left; padding-right: 25px;}
.extrabottom li img {float: left; padding: 0 5px 0 0;}
.bulkactions {float: right;}
/* Input/Form Styles */
select {padding: 7px 10px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px;}
label {padding-right: 20px; display: block; padding-bottom: 10px;}
input, textarea {font-family: Arial, Helvetica, sans-serif;}
.inputbox {border: 1px solid #999; padding: 10px; width: 300px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(../img/bg_fade_sml.png) repeat-x top;}
.inputbox:focus {border: 1px solid #666;}
.errorbox {border: 1px solid #CC0000; background: #FCF0EF url(../img/bg_fade_red_sml.png) repeat-x top; color: #CC0000; margin-right: 5px;}
.errorbox:focus {border: 1px solid #8A0000;}
.correctbox {border: 1px solid #39794D; background: #F3F8E0 url(../img/bg_fade_green_sml.png) repeat-x top;; color: #39794D; margin-right: 5px;}
.correctbox:focus {border: 1px solid #7C9227;}
.smallbox {width: 150px;}
.smallerrorbox {width: 150px;border: 1px solid #CC0000; background: #FCF0EF url(../img/bg_fade_red_sml.png) repeat-x top; color: #CC0000; margin-right: 5px;}
.smallcorrectbox {width: 150px;border: 1px solid #39794D; background: #F3F8E0 url(../img/bg_fade_green_sml.png) repeat-x top;; color: #39794D; margin-right: 5px;}
.email-inputbox {border: 1px solid #999; padding: 10px; width: 505px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(../img/bg_fade_sml.png) repeat-x top;}
.errorbox {border: 1px solid #CC0000; background: #FCF0EF url(../img/bg_fade_red_sml.png) repeat-x top; color: #CC0000; margin-right: 5px;}
.errorbox:focus {border: 1px solid #8A0000;}
.correctbox {border: 1px solid #39794D; background: #F3F8E0 url(../img/bg_fade_green_sml.png) repeat-x top;; color: #39794D; margin-right: 5px;}
.correctbox:focus {border: 1px solid #7C9227;}
/* Status Bars */
/* Added by pratibha on 25-4-11 for social inputbox */
.txtfldsml .inputbox { float:left; border: 1px solid #999; padding: 5px; width: 200px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; margin-top:5px; color: #666; background: url(../img/bg_fade_sml.png) repeat-x top;}
.txtfldsml .inputbox:focus {border: 1px solid #666;}
.txtfldsml .errorbox {border: 1px solid #CC0000; background: #FCF0EF url(../img/bg_fade_red_sml.png) repeat-x top; color: #CC0000; margin-right: 5px;}
.txtfldsml .errorbox:focus {border: 1px solid #8A0000;}
.txtfldsml .correctbox {border: 1px solid #39794D; background: #F3F8E0 url(../img/bg_fade_green_sml.png) repeat-x top;; color: #39794D; margin-right: 5px;}
.txtfldsml .correctbox:focus {border: 1px solid #7C9227;}
.txtfldsml th,td {text-align: left; padding: 5px;}
.tblsty td{
margin:0;
padding-bottom:10px;
padding:0;
color:#484848;
}
.status {padding: 8px 10px 5px 10px; border-radius: 10px; -moz-border-radius: 10px; text-shadow: 1px 1px 1px #fff; overflow: auto; margin-bottom: 20px; clear: both; line-height: 20px; }
.status img {float: left; padding-right: 5px;}
.status p {padding: 0; margin: 0;}
.status p span {font-weight: 700;}
.status .closestatus {float: right; color: #fff; text-align: center; margin-left: 10px;}
.status .closestatus a {position: relative; color: #fff; text-decoration: none; padding: 5px; width: 10px; height: 10px; display: block; border-radius: 5px; -moz-border-radius: 5px; line-height: .6em; top: -2px; text-shadow: none;}
.warning {line-height: 20px; border: 3px solid #BF9900; background: #FEEB9C url(../img/bg_fade_yellow_med.png) repeat-x top;}
.warning span {color: #BF9900;}
.warning .closestatus a {background: #BF9900;}
.warning .closestatus a:hover {background: #9B7C00;}
.success {line-height: 20px; border: 3px solid #8EA534; background: #CBDA8F url(../img/bg_fade_green_med.png) repeat-x top;}
.success span {color: #8EA534;}
.success .closestatus a {background: #8EA534;}
.success .closestatus a:hover {background: #829829;}
.error {line-height: 20px; border: 3px solid #990000; background: #F5D0CD url(../img/bg_fade_red_med.png) repeat-x top;}
.error span {color: #990000;}
.error .closestatus a {background: #990000;}
.error .closestatus a:hover {background: #730D0D;}
.info {line-height: 20px; border: 3px solid #2FADD7; background: #92D6ED url(../img/bg_fade_blue_med.png) repeat-x top;}
.info span {color: #0E7A9F;}
.info .closestatus a {background: #2FADD7;}
.info .closestatus a:hover {background: #228DB0;}
/* Usage Bars */
.usagebox {border: 1px solid #ccc;}
.usagebox div {height: 25px;}
.highbar {background: #993300 url(../img/bg_usage_red.png) repeat-x top;}
.midbar {background: #D27E00 url(../img/bg_usage_orange.png) repeat-x top;}
.lowbar {background: #92AD25 url(../img/bg_usage_green.png) repeat-x top;}
.usagetxt {padding: 3px 8px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 1px 1px 1px #fff;}
.redtxt {color: #CC0000; background: #F3DFDB;}
.orangetxt {color: #ED9D20; background: #FCE9CC;}
.greentxt {color: #39794D; background: #F3F7E1;}
/* Added by pratibha on 19-5-11 */
ul.greenmark li {background: url(../img/icons/arrow_with_shadow.png) no-repeat left; padding-left: 25px; margin-bottom: 5px;}
/* Text Styling Elements */
ul.list li {background: url(../img/icons/icon_bullet.png) no-repeat left; padding-left: 25px; margin-bottom: 5px;}
ul.ticklist li {background: url(../img/icons/icon_ticklist.png) no-repeat left; padding-left: 25px; margin-bottom: 5px;}
ul.ticklist li.cross {background: url(../img/icons/icon_cross_sml.png) no-repeat left;}
.highlighted {color: #DFB300; background: #FFF8CF; font-weight: 700; padding: 4px 7px; text-shadow: 1px 1px 1px #fff; border-radius: 5px; -moz-border-radius: 5px;}
.spacer {background: url(../img/bg_fade_up.png) repeat-x center; padding: 10px 0; margin-bottom: 10px;}
.dropcap {letter-spacing:0; text-transform:uppercase; color:#628fbe; font-family:times,serif; font-size:3.5em; float:left; margin: 0.13em 0.2em 0 0; line-height:0.7;}
/* Chart Styling */
a.enhanced_toggleResult {display: none;}
.visualize caption {font-size: 11px;}
/*Chart plugin styles*/
.visualize { border: 1px solid #888; position: relative; background: #fafafa; margin: 20px auto 10px auto;}
.visualize canvas {position: absolute;}
.visualize ul,.visualize li { margin: 0; padding: 0;}
/*Chart table title, key elements*/
.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; opacity: .8; }
.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px; font-size: 1em; }
.visualize ul.visualize-key { list-style: none; }
.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px; }
.visualize ul.visualize-key .visualize-key-label { color: #000; }
/*Chart pie labels*/
.visualize-pie .visualize-labels { list-style-type: none; }
.visualize-pie li { list-style-type: none; }
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute; margin: 0; padding:0; }
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }
/*Chart line,bar, area labels*/
.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555; }
.visualize-labels-x li span.line, .visualize-labels-y li span.line { position: absolute; border: 0 solid #ccc; }
.visualize-labels-x li { height: 100%; list-style: none; }
.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
.visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
.visualize-labels-y li { width: 100%; list-style: none; }
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }
/* Footer */
#footer {font-size: 11px; padding: 15px 10px; clear: both; background: url(../img/bg_footer.png) repeat-x bottom; margin-bottom: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; text-shadow: 1px 1px 1px #fff;}
/********************************************
* TOP *
********************************************/
div#top {
width: auto;
height: 75px;
background: transparent url(../img/bg-top.png) top left repeat-x;
}
div#top-inner {
width: 980px;
margin: 0 auto;
}
div#top .logo {
font-size: 30px;
display: block;
margin: 0;
padding: 10px 0 0 0;
float: left;
}
div#top .number {
display: block;
float: right;
padding-top: 8px;
}
div#top .number span {
padding-right: 5px;
}
.login-box{
float:right;
width:439px;
margin:18px 0 0 0;
height:55px;
}
.login-fld{
float:left;
background:url(../img/login-fld.png) no-repeat right top;
font-size:12px;
color:#666;
border:none;
height:28px;
line-height:26px;
width:155px;
padding:0 0 0 10px;
margin:0 10px 0 0;
}
.login-box form {
margin:0;
padding:0;
}
.login-box button[type=submit] {
float:right;
width: 85px;
height: 30px;
font-size: 16px;
margin-top: 0px;
padding-bottom: 7px;
color: #0a3d68 !important;
line-height: 22px;
vertical-align: middle;
background: url(../img/btn-xsmall.png) top left no-repeat;
border:none;
}
.login-box button[type=submit]:hover {
background: url(../img/btn-xsmall.png) bottom left no-repeat;
}
/********************************************
* TOP *
********************************************/
dl dd
{
padding-left: 10px;
margin-left: 10px;
}
/*Added by eluminous for accordion effect*/
.row{
position:relative;
}
.chk {
background:#ccc url(../img/h30.png);
margin:0;
width:50px;
padding:2px 2px;
border:1px solid #fff;
border-bottom:1px solid #ddd;
text-align:center;
}
.chktop {
margin:0;
width:50px;
padding:2px 2px;
text-align:center;
}
#accordion1 {
/*background:#333 url(../img/h300.png) 0 0;*/
width: 655px;
-background:#666;
}
/* accordion header */
#accordion1 h2 {
background:#ccc url(../img/h30.png);
margin:0;
padding:5px 15px;
height:15px;
font-size:14px;
font-weight:normal;
border:1px solid #fff;
border-bottom:1px solid #ddd;
cursor:pointer;
}
.time{
position:absolute; top:0; right:60px; line-height:26px; padding-right:15px;
/*position:absolute; top:0; right:10px; line-height:26px; padding-right:1px;*/
}
.time_meminbox
{
position:absolute; top:0; right:10px; line-height:26px; padding-right:1px;
}
/* currently active header */
#accordion1 h2.current {
cursor:default;
background-color:#fff;
}
/* accordion pane */
#accordion1 .pane {
border:1px solid #fff;
border-width:0 2px;
display:none;
height:auto;
padding:15px;
color:#fff;
font-size:12px;
}
/*a:active {
outline:none;
}
*/
:focus {
-moz-outline-style:none;
}
.adds{
background: #FFF; border:1px solid #FFF; padding:20px; border-radius: 10px; -moz-border-radius: 10px;
}
.bluelinks{
color: #1080d7;
cursor:pointer;
}
/* Added by pratibha */
.textlinks { padding-left:10px;}
.textlinks a {text-decoration:underline; color: #fff; font-weight:normal;}
/*Calender Style*/
.year {
border-style: outset;
border-width: 1px;
background-color: #ffffff;
text-align: center;
}
.month {
border: 1px solid #2fadd7 !important;
background-color: #ffffff;
text-align: center;
float:left;
margin:0 0px 15px 8px;
width:324px;
border-collapse:separate !important;
}
.yearname {
text-align: center;
font-size: 18px;
font-weight: bold;
}
.monthname {
text-align: center;
font-size: 14px;
font-weight: bold;
background-color: #ffffff;
color: #0E7A9F;
text-shadow: 1px 1px 1px #FFFFFF;
border-style: none;
border-width:1px;
background:url(../img/bg_fade_blue_med.png) repeat-x scroll center top #92D6ED;
}
.dayname {
text-align: center;
font-size: 12px;
font-weight: bold;
background-color: #ffffff;
color: #000000;
border-style: none;
border-width:1px
}
.week {
border-style: none;
background-color: #ffffff;
text-align: center;
}
.monthweek {
text-align: center;
font-size: 10px;
font-weight: bold;
color: #000000;
border-style: solid;
border-width:1px
}
.yearnavigation {
font-size: 12px;
}
.datepicker {
background-color: #ffffff;
}
.datepickerform {
margin: 0px;
}
.monthnavigation {
font-family: Tahoma, Arial, sans-serif;
}
.monthpicker {
font-size: 11px;
background-color: #ffffff;
}
.yearpicker {
font-size: 11px;
background-color: #ffffff;
}
.pickerbutton {
}
.nomonthday {
text-align: center;
font-size: 10px;
height:20px;
width:20px;
color: #aaaaaa;
}
.monthday {
text-align: center;
font-size: 11px;
font-weight: bold;
background-color: #ffffff;
color: #000000;
height:20px;
width:20px;
}
.expired {
text-align: center;
font-size: 12px;
font-weight: bold;
color: #808080;
height:20px;
width:20px;
}
.booked {
text-align: center;
font-size: 12px;
font-weight: bold;
color: white;
background: #ff681e url(../img/grdcal.png) no-repeat bottom right;
height:20px;
width:20px;
}
.available {
text-align: center;
font-size: 12px;
font-weight: bold;
color: white;
background: #29a7d0 url(../img/grdcal.png) no-repeat bottom right;
height:20px;
width:20px;
}
.available a {
color: white;
}
.available a:hover {
color: white;
}
.selectedDate {
text-align: center;
font-size: 12px;
font-weight: bold;
color: white;
background: #45d029 url(../img/grdcal.png) no-repeat bottom right;
height:20px;
width:20px;
}
.selectedDate a {
color: white;
}
.selectedDate a:hover {
color: white;
}
.bnrbox{
background:url(../img/banner-bg.gif) no-repeat left top;
width:622px;
height:156px;
text-align:left
}
.bbTitle{
margin:0;
padding:0;
line-height:35px;
text-align:center;
font-size:16px;
color:#525252;
font-weight:bold;
}
.bnrBg{
float:left;
background:url(../img/bnrBg.gif) no-repeat left top;
width:498px;
height:91px;
margin:0 0 0 15px;
/* padding:10px 0 0 10px;*/
padding:0;
}
.bnrBg img{
margin:0 0 11px 0;
border:none;
}
.bbMem{
float:left;
width:102px;
margin:0 0 0 0px;
font-size:13px;
font-weight:bold;
color:#2e2e2e;
text-align:center;
}
.bbMem a{
color:#2e2e2e;
text-decoration:none;
display:block
}
.bbMem img{
padding:1px;
border:2px solid #c2c2c2;
margin:0 auto 5px 10px;
}
.bbAdv{
padding:7px 0 0 0;
margin:0;
text-align:left;
font-size:14px;
font-weight:bold;
color:#1148ac;
text-shadow:#FFF 1px 1px 0px;
}
.bbAdv a{
color:#1148ac;
text-decoration:none;
}
/* Added by pratibha for show site page*/
.comm{
background:url(../img/commbg.gif) repeat-x left top;
height:55px;
}
.comm2{
height:55px;
}
.comm-title{
font-size:19px;
color:#474747;
padding:16px 20px;
margin:0;
font-weight:normal;
}
.comm-titlesml{
font-size:13px;
color:#2f2f2f;
padding:20px 20px;
margin:0;
font-weight:bold;
}
.commin{
margin:0;
padding-bottom:9px !important;
color:#3c3c3c;
font-size:13px;
font-weight:bold;
}
.commin span{
color:#d70606;
}
.commfld{
width:378px;
border:1px solid #b5b5b5;
padding:10px;
height:38px;
margin:0 0 10px 0;
font-size:13px;
overflow:auto;
}
/* Added by pratibha on 5-5-2011 */
.commfld errorbox{
width:378px;
background: #FCF0EF url(../img/bg_fade_red_sml.png) repeat-x top; color: #CC0000;
border:1px solid #b5b5b5;
padding:10px;
height:38px;
margin:0 0 10px 0;
font-size:13px;
overflow:auto;
}
.commfld correctbox{
width:378px;
background: #F3F8E0 url(../img/bg_fade_green_sml.png) repeat-x top;
border:1px solid #b5b5b5;
padding:10px;
height:38px;
margin:0 0 10px 0;
font-size:13px;
overflow:auto;
}
/* Added by pratibha on 5-5-2011 end */
.tbl-rempad td{
padding:0;
}
.a11{
font-size:11px;
color:#4a4a4a;
}
.comments{
position:relative;
padding:0 12px 15px 18px;
padding:0 12px 0px 18px;
margin:0 0 15px 0;
font-size:13px;
border-bottom:1px dashed #d7d7d7;
color:#4a4a4a !important;
}
.comments .ic{
position:absolute;
top:0;
right:12px;
width:30px;
height:13px;
}
.comments .ic .private{
float:left;
width:10px;
height:13px;
background:url(../img/ic-priv.gif) no-repeat top left;
border:0;
outline:none;
}
.comments .ic .private:hover{
width:10px;
height:13px;
background:url(../img/ic-priv.gif) no-repeat bottom left;
}
.comments .ic .close{
float:left;
outline:none;
width:10px;
height:13px;
background:url(../img/ic-close.gif) no-repeat top left;
border:0;
margin:0 0 0 10px;
}
.comments .ic .close:hover{
width:10px;
height:13px;
background:url(../img/ic-close.gif) no-repeat bottom left;
}
/* added by pratibha on 18-8-2011 for flag start */
.comments .fc{
position:absolute;
top:20px;
right:2px;
width:30px;
height:12px;
}
.comments .fc .flag{
float:left;
outline:none;
width:11px;
height:12px;
background:url(../img/flag.png) no-repeat top left;
border:0;
margin:0 0 0 10px;
}
.comments .fc .flagdone{
float:left;
outline:none;
width:11px;
height:12px;
background:url(../img/flag.png) no-repeat bottom left;
border:0;
margin:0 0 0 10px;
}
.comments .fc .flag:hover{
width:11px;
height:12px;
background:url(../img/flag.png) no-repeat bottom left;
}
/*added by pratibha on 18-8-2011 for flag end */
.comments .title{
margin:0 !important;
padding:0 0 4px 0 !important;
}
.comments .title span{
color:#d70606;
font-size:14px;
font-weight:bold;
padding:0 5px 0 0;
}
.commbox {padding:12px 20px; background: #fafafa; }
.commbox2 {overflow: auto; padding:12px 0px 12px 0; background: #fafafa; }
.contentcontainer {margin-bottom: 20px;}
/* Alternative Box Widths */
.med {width: 60%;}
.med2 {width: 66%;}
.xsml {width: 32%}
.sml {width: 38%;}
.left {float: left;}
/* Apr 28, 2011 */
.headings2 {
padding: 0 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; height: 40px; background: #FFF url(../img/whtgrd.png) repeat-x left top; border: 1px solid #dddbdb; border: 1px solid #dddbdb; border-bottom:0px solid #000; color: #525252; text-shadow: 1px 1px 1px #FFF;
/* padding: 0 20px;
text-shadow: 1px 1px 1px #fff;
background: url(../img/grd1.gif) repeat-x top;
height: 40px;
width:401px;
*/
}
.headings3 {
padding: 0 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; background: #FFF url(../img/whtgrd.png) repeat-x left top; border: 1px solid #dddbdb; border: 1px solid #dddbdb; border-bottom:0px solid #000; color: #525252; text-shadow: 1px 1px 1px #FFF;
/* padding: 0 20px;
text-shadow: 1px 1px 1px #fff;
background: url(../img/grd2.gif) repeat-x top;
width:173px;*/
}
.stytitle{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#525252;
padding:13px 0;
margin:0;
}
.tblsty td{
margin:0;
padding:0;
color:#484848;
}
.fldsty{
border:1px solid #c9c9c9;
padding:2px;
width:138px;
}
.btnsty{
background-color:#7a7a7a;
border:1px solid #636363;
font-size:12px;
color:#FFF;
font-weight:bold;
margin:10px 0 0 0;
padding:2px 10px;
}
.sitesty{
padding-bottom:10px;
border-bottom:1px dashed #e0e0e0;
margin:0 0 10px 0;
}
.sitesty a{
font-size:14px;
font-weight:bold;
text-decoration:underline;
color:#0086cc !important;
}
.sitesty a:hover{
text-decoration:none;
}
.sitesty-last{
padding-bottom:0px;
border-bottom:0px dashed #e0e0e0;
margin:0 0 0px 0;
}
.sitesty-last a{
font-size:14px;
font-weight:bold;
text-decoration:underline;
color:#0086cc !important;
}
.sitesty-last a:hover{
text-decoration:none;
}
.imgsty{
float:left;
padding:1px;
border:1px solid #dedede;
margin:0 10px 0 0;
}
.comments .imgsty{
float:left;
padding:1px;
border:1px solid #dedede;
margin:0 10px 0 0;
}
.clear{
clear:both;
}
.comm{
background:url(../img/commbg.gif) repeat-x left top;
height:55px;
}
.comm-title{
font-size:19px;
color:#474747;
padding:16px 20px;
margin:0;
font-weight:normal;
}
.comm-titlesml{
font-size:13px;
color:#2f2f2f;
padding:20px 20px;
margin:0;
font-weight:bold;
}
.commin{
margin:0;
padding-bottom:9px !important;
color:#3c3c3c;
font-size:13px;
font-weight:bold;
}
.commin span{
color:#d70606;
}
.commfld{
width:378px;
border:1px solid #b5b5b5;
padding:10px;
height:38px;
margin:0 0 10px 0;
font-size:13px;
overflow:auto;
}
.tbl-rempad td{
padding:0;
}
.a11{
font-size:11px;
color:#4a4a4a;
}
.comments{
position:relative;
padding:0 12px 15px 18px;
* padding:0 12px 0px 18px;
margin:0 0 15px 0;
font-size:13px;
border-bottom:1px dashed #d7d7d7;
color:#4a4a4a !important;
}
.comments .ic{
position:absolute;
top:0;
right:12px;
width:30px;
height:13px;
}
.comments .ic .private{
float:left;
width:10px;
height:13px;
background:url(../img/ic-priv.gif) no-repeat top left;
border:0;
outline:none;
}
.comments .ic .private:hover{
width:10px;
height:13px;
background:url(../img/ic-priv.gif) no-repeat bottom left;
}
.comments .ic .close{
float:right;
outline:none;
width:10px;
height:13px;
background:url(../img/ic-close.gif) no-repeat top left;
border:0;
margin:0 0 0 10px;
}
.comments .ic .close:hover{
width:10px;
height:13px;
background:url(../img/ic-close.gif) no-repeat bottom left;
}
.comments .title{
margin:0 !important;
padding:0 0 4px 0 !important;
}
.comments .title span{
color:#d70606;
font-size:14px;
font-weight:bold;
padding:0 5px 0 0;
}
.comtxt{
float:left;
margin:0 0 0 0px;
width:85%;
}
.showmore{
display:block;
background-color:#e3e3e3;
height:33px;
line-height:33px;
text-align:center;
font-weight:bold;
color:#686868 !important;
text-decoration:none;
margin:0 20px 10px 20px;
}
.showmore_proc{
display:block;
background-color:#e3e3e3;
text-align:center;
color:#686868 !important;
margin:0 20px 10px 20px;
padding-top:12px;
}
.showmore_nocomment{
display:block;
background-color:#e3e3e3;
height:33px;
line-height:33px;
text-align:left;
font-weight:bold;
color:#686868 !important;
text-decoration:none;
margin:0 20px 10px 0px;
padding-left:19px;
width:630px;
}
.showmore_nocomment1{
display:block;
background-color:#e3e3e3;
height:33px;
line-height:33px;
text-align:left;
font-weight:bold;
color:#686868 !important;
text-decoration:none;
margin:0 20px 10px 0px;
padding-left:19px;
width:600px;
}
.showmore_no_profile_cmt{
display:block;
background-color:#e3e3e3;
height:33px;
line-height:33px;
text-align:left;
font-weight:bold;
color:#686868 !important;
text-decoration:none;
margin:0 20px 10px 0px;
padding-left:19px;
width:420px;
}
.cmt-time{
font-size:10px;
color:#CCC;
}
.membox{
margin:0 0 20px 0 !important;
}
.memtitle{
padding:0 0 8px 0 !important;
margin:0 0 0 0!important;
font-size:18px!important;
font-weight:bold;
color:#000;
}
.memtitle span{
font-size:11px;
font-weight:normal;
color:#5f5f5f;
}
.memtitle a{
color:#000 !important;
text-decoration:none;
}
.memtitle span a{
color:#5f5f5f !important;
text-decoration:none;
}
.lable{
padding:12px 0 8px 0 !important;
margin:0 !important;
}
form{
margin:0;
padding:0;
}
.headings .h2main {padding-top: 10px; font-size: 18px; margin:0; font-weight:bold; color:#FFF;}
.headings .h2mainleft {padding-top: 10px; font-size: 18px; margin:0; font-weight:bold; color:#525252; float:left}
.contentbox3 {overflow: auto; border: 1px solid #dddbdb; padding: 12px 12px 12px 12px; background: #f6f6f6; }
.boxproperty p{
margin:0 0 5px 0;
padding:0;
}
.boxproperty div{
margin:5px 0 5px 0;
padding:0;
}
.boxproperty label{
display:inline-block;
font-size:12px;
font-weight:normal;
width:44px;
}
.boxproperty h1, .boxproperty h2, .boxproperty h3, .boxproperty h4, .boxproperty h5, .boxproperty h6, .boxproperty th{
font-size:12px;
font-weight:normal;
margin:5x 0;
padding:0;
text-align:left;
}
.boxproperty ul {
margin:0;
padding:0;
}
.boxproperty ul li{
list-style:none;
}
.boxproperty a{
color: #1080D7;
font-weight:normal;
}
.boxproperty font{
font-size:12px;
}
.boxproperty td{
padding:2px 3px;
margin:0;
}
.boxproperty input[type="text"]{
width:auto;
}
.boxproperty input[type="submit"], .emailBox form input[type="submit"]{ /* 2nd arg added by swati */
clear:both;
display:inline;
padding:0;
width:auto !important;
/*width:72px;*/ /* commented by swati */
height:22px;
margin:7px 0 5px 0px;
cursor:pointer;
text-align:center !important;
/* float:left; added by swati */
}
.contentbox2 {overflow: auto; border: 1px solid #dddbdb; padding: 12px; background: #f6f6f6;}
.contentbox2 td{padding:8px 6px;}
.contentbox {overflow: auto; border: 1px solid #fff; padding: 18px 18px 10px 18px; background: #fff url(../img/bg_fade_med.png) repeat-x top; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.contentboxDrag {overflow:visible; border: 1px solid #fff; padding: 18px 18px 10px 18px; background: #fff url(../img/bg_fade_med.png) repeat-x top; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
/********************************************
* BUTTONS *
********************************************/
.btn {
font-weight: bold;
text-align: center;
display: block;
margin-top: 15px;
float: left;
border: none;
outline: none;
}
.btn:active {
margin-top: 16px;
}
.btn-action {
width: 136px;
height: 45px;
color: #0a3d68;
font-size: 20px;
line-height: 40px;
background: url(../images/color/blue/btn-1.png) top left no-repeat;
}
.btn-action:hover {
background: url(../images/color/blue/btn-1.png) bottom left no-repeat;
}
.btn-gray {
width: 136px;
height: 45px;
color: #555555;
font-size: 20px;
line-height: 40px;
background: url(../images/btn-2.png) top left no-repeat;
}
a.btn-gray:hover {
background: url(../images/btn-2.png) bottom left no-repeat;
}
a.btn-2 {
width: 82px;
height: 28px;
color: #0a3d68 !important;
font-size: 12px;
line-height: 25px;
padding-left: 1px;
display: block;
position: relative;
background: url(../img/color/blue/btn-small.png) top left no-repeat;
}
a.btn-2:hover {
background: url(../images/color/blue/btn-small.png) bottom left no-repeat;
}
.btn-small:active {
margin-top: 1px !important;
}
a, input[type=submit], button[type=submit] {
cursor: pointer;
}
.forgotpass{
float:right;
display:block;
font-size:11px;
margin:3px 0 0 0;
}
.forgotpass a{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#a5a5a5;
text-decoration:none;
}
.forgotpass a:hover{
text-decoration:underline;
}
/********************************************
* BUTTONS *
********************************************/
.edalign{
display:block;float:left; line-height:40px;
}
.edalign2{
display:inline-block;line-height:40px;
}
.linemai{
float:right;
overflow:auto;
width:210px;
padding:0px 0;
}
.linemai ul{
padding:0;
margin:0;
}
.linemai ul li{
list-style:none;
overflow:auto;
margin:5px 0;
}
.linemai img{
float:left;
display:inline-block;
margin:0 5px 0 5px;
}
.linemai span{
float:left;
display:inline-block;
line-height:25px;
margin:0 5px 0 0;
}
/* inner-social top icons */
ul#inner-social {
width: 100px;
float: right;
margin:24px 0 0 0;
}
ul#inner-social li {
float: right;
margin-left: 9px;
}
ul#inner-social li a {
width: 24px;
height: 24px;
display: block;
padding:0;
}
/* End */
/* CSS Document */
.emailBox{
clear:both;
background:#282828 url(../images/grey.gif) no-repeat bottom left;
width:227px;
padding:10px 8px;
margin:6px 0 0 0;
display:inline-block;
font-size:11px;
color:#aaaaaa;
overflow:auto;
height:150px;
}
.emailBox p{
margin:0 0 5px 0;
padding:0;
}
.emailBox div{
margin:5px 0 5px 0;
padding:0;
}
.emailBox label{
display:inline-block;
font-size:12px;
font-weight:normal;
width:44px;
}
.emailBox h1, .emailBox h2, .emailBox h3, .emailBox h4, .emailBox h5, .emailBox h6, .emailBox th{
font-size:12px;
font-weight:normal;
margin:5x 0;
padding:0;
text-align:left;
}
.emailBox ul {
margin:0;
padding:0;
}
.emailBox ul li{
list-style:none;
}
.emailBox a{
color: #00E4FF;
font-weight:normal;
}
.emailBox form /* added by swati */
{
font-size:12px;
font-weight:normal;
}
.emailBox form input[type1="submit"]{ /* added by swati */
width:155px;
height:17px;
border:1px solid #c9c9c9;
}
.emailBox input[type!="submit"]{
width:155px;
height:17px;
border:1px solid #c9c9c9;
margin:7px 0 0px 0;
}
.emailBox input[type="submit"], .emailBox form input[type="submit"]{ /* 2nd arg added by swati */
clear:both;
display:block;
/*width:72px;*/ /* commented by swati */
height:22px;
border:1px solid #636363;
background-color:#7a7a7a;
margin:7px 0 5px 0px;
cursor:pointer;
text-align:center !important;
/* float:left; added by swati */
}
/* profile page buttons added on 6-9-2011 */
.pbtn {
font-weight: bold;
text-align: center;
display: block;
/* margin-top: 15px;*/
float: left;
border: none;
outline: none;
}
.pbtn:active {
/* margin-top: 16px;*/
}
.pbtn-action {
width: 100px;
height: 34px;
color:#0A3D68 !important;
font-size: 15px;
line-height: 34px;
background: url(../../images/color/blue/btn-1-org-sml.png) top left no-repeat;
}
.pbtn-action:hover {
background: url(../../images/color/blue/btn-1-org-sml.png) bottom left no-repeat;
}
.pbtn-gray {
width: 100px;
height: 34px;
color: #585858 !important;
font-size: 15px;
line-height: 34px;
background: url(../../images/color/blue/btn-1-wht-sml.png) top left no-repeat;
margin:0 0 0 10px;
}
a.pbtn-gray:hover {
background: url(../../images/color/blue/btn-1-wht-sml.png) bottom left no-repeat;
}
.reward{
margin-left:20px;
}
.reward li{
list-style-type:decimal;
}