body { margin:0px 0px 0px 0px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;
background:#db6a42 /*#cfdef3*/ url(../_images/bg.jpg);}

td, div { font-size: 14px;}
div#outer{ text-align:center; width:800px; background-color:#FFFFFF; margin:auto;}
div#header{ width: 750px; background-color:#999999; text-align:center; height:80px; margin:auto;}
div#subHeader{ text-align:left; padding:30px 0px 0px 23px; vertical-align:top; height:32px;}
div#leftContent{ width:120px; float:right; height:auto; padding-top:5px;}
div#rightContent{ width:120px; float:right; height:auto;}
div#mainContent{ width:556px; float:right; border:1px solid #CCCCCC; border-top:none;text-align:left;}
div#footer{ width:550px; text-align:center; padding-top:200px;}
div#menu{ border:1px solid #CCCCCC; height:24px; width:678px; float:left; padding:2px 0px 0px 0px;}
div#cont4divs{ background-color:#FFFFFF; height:inherit; background-color:#FFFFFF; float:right;}
td, div { font-size: 14px;}
.padAll{padding:10px 10px 10px 10px;}
body{ font-size: 14px; text-align:center;}
h1, h2, h3, h4, h5, h6 { color: #c00;}
a{ text-decoration: none; color:#FF0000; font-size:12px; border: 0; font-weight:bold;}
a:hover{ color:#000000;}
input.login-width, select.login-width { width: 100px; font-size: 11px;}
border-bottom:1px solid #CCCCCC;}
td.rightContent{ width:120px; text-align:center; vertical-align:top;}
input.login-width, select.login-width { width: 105px; font-size: 11px;}
.login-text { font-size: 11px; text-transform: lowercase; color: #000; font-weight: bold;}
.noborder { border: none; width: auto;}
.login-text2 { font-size: 11px; color: #F00; font-weight: bold;}
#leftcontainer { padding-top: 10px;}
#leftlist{ padding-left: 0; margin-left: 0; border-bottom: 1px solid #ccc;}
#leftlist li{ list-style: none; margin: 0; padding: 0.25em; border-top: 1px solid #ccc ; text-align: right;}
#leftlist li a { font-weight: bold; text-decoration: none;}
font.pageTitle{ color:#FF0000; font-weight:bold;}
div.successLogin{ text-align:right; width:102px; background-color:#FFCC99; margin:10px 0px 10px 0px;}
font#loginGreetings{ font-size:12px; font-weight:bold; padding:5px 5px 5px 5px;}
.showHand{ cursor:pointer;}
div.itemDescription{ height:auto; padding:0px 0px 10px 0px;}
td#chkListCont{ border:1px solid #FF9933;}
font#plannerColTitle{ font-weight:bold;}
div.collapse{ border:1px solid #CCCCCC; background-color:#FFF2E6; padding:5px 5px 5px 5px;}
div#tabOpen{ text-align:center; height:30px; width:100px; float:left; border:1px solid #FF9933; background-color:#FFCC99;}
div#tabCompleted{ text-align:center; height:30px; width:100px; float:left; border:1px solid #FF9933;}
div#tabDeleted{ text-align:center; height:30px; width:100px; float:left; border:1px solid #FF9933;}
table#list{ background-color:#FFFFFF;}
#lblPlannerFrm{ font-family:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; vertical-align:top;}
.inpPlannerFrm{ size:12px; font-family:Arial, Helvetica, sans-serif, Tahoma; font-size:10px; color:#666666; vertical-align:top;}
font.subheader{ color:#000000; font-size:14px; font-weight:bold;}
input.btnDesign{ font:Arial, Helvetica, sans-serif,Tahoma; font-weight:bold; background-color:#FFCC99; cursor:pointer;}
font#articleTitle{ font-family:Arial, Helvetica, sans-serif,tahoma; font-size:16px; color:#FF0000; font-weight:bold;}
font#articleAuthor{ font-family:Arial, Helvetica, sans-serif,tahoma; font-size:12px; font-style:oblique;}
span.artMenu{ padding:0px 5px 0px 5px; cursor:pointer; font-size:xx-small;}
td.artInnerMost{ padding:0px 0px 0px 20px;}
div.artTopicCont{ margin:10px 10px 10px 50px;}
td#infoCont{ vertical-align:top; text-align:left; padding:10px 10px 10px 10px;}
font#infoCompName{ font-family:Arial, Helvetica, sans-serif, tahoma; font-weight:bold; font-size:14px;}
td#pictureTd{ vertical-align:top; width:200px; padding:10px 10px 10px 10px;}
div#signInCont{ padding:2px 2px 2px 2px;}
div#signUp{ text-align:right; height:50px; padding:10px 0px 10px 0px; margin:10px 5px 10px 5px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
font#newToHotOcc{ font-family:Arial, Helvetica, sans-serif, tahoma; font-size:12px; color:#000000;}
td#sideBg{ background-image:url(../_images/bg.jpg);}
div#footer{ vertical-align:bottom; margin:20px 0px 20px 0px; text-align:center;}
a.footerLinks{ color:#666666; font-size:9px;}
a.footerLinks:hover{ color:#000000;}
font#marquee{ font-family:Arial, Helvetica, sans-serif;}
input.inpTextLength{ width:180px;}
td#adLabel{ vertical-align:top;}
.caption { color:#FF6600; font-size:11px; font-style:italic;}
/*article styles*/
h2, h3 {color: #CC0000;}
.caption {color: #FF6600;font-size: 10px;font-style: italic;}
/*planner*/
tr.tdPHeader{background-color:#FFCC99;}/*header*/
div.calendar { position: relative;}
.calendar, .calendar table { border: 1px solid #655; font-size: 11px; color: #000; cursor: default; background: #fc9; font-family: tahoma,verdana,sans-serif;}
.calendar .button { text-align: center; padding: 2px;}
.calendar .nav { background: #9cf url(menuarrow.gif) no-repeat 100% 100%;}
.calendar thead .title { font-weight: bold; text-align: center; background: #69C; color: #fed; padding: 2px;}
.calendar thead .headrow { background: #9cf; color: #000;}
.calendar thead .name { border-bottom: 1px solid #655; padding: 2px; text-align: center; color: #000;}
.calendar thead .weekend { color: #f00;}
.calendar thead .hilite { background-color: #9cf; color: #000; border: 1px solid #f40; padding: 1px;}
.calendar thead .active { background-color: #c77; padding: 2px 0px 0px 2px;}
.calendar thead .daynames { background: #fed;}
.calendar tbody .day { width: 2em; text-align: right; padding: 2px 4px 2px 2px;}
.calendar tbody .day.othermonth { font-size: 80%; color: #bbb;}
.calendar tbody .day.othermonth.oweekend { color: #fbb;}
.calendar table .wn { padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #fed;}
.calendar tbody .rowhilite td { background: #9cf;}
.calendar tbody .rowhilite td.wn { background: #efe;}
.calendar tbody td.hilite { background: #f93; padding: 1px 3px 1px 1px; border: 1px solid #bbb;}
.calendar tbody td.active { background: #ddc; padding: 2px 2px 0px 2px;}
.calendar tbody td.selected { font-weight: bold; border: 1px solid #000; padding: 1px 3px 1px 1px; background: #ffc;}
.calendar tbody td.weekend { color: #f00;}
.calendar tbody td.today { font-weight: bold;}
.calendar tbody .disabled { color: #999;}
.calendar tbody .emptycell { visibility: hidden;}
.calendar tbody .emptyrow { display: none;}
.calendar tfoot .footrow { text-align: center; background: #988; color: #000;}
.calendar tfoot .ttip { border-top: 1px solid #655; background: #dcb; color: #840;}
.calendar tfoot .hilite { background: #9cf; border: 1px solid #f40; padding: 1px;}
.calendar tfoot .active { background: #c77; padding: 2px 0px 0px 2px;}
.calendar .combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border: 1px solid #655; background: #fcc; color: #000; font-size: 90%; z-index: 100;}
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px;}
.calendar .combo .label-IEfix { width: 4em;}
.calendar .combo .hilite { background: #fc8;}
.calendar .combo .active { border-top: 1px solid #a64; border-bottom: 1px solid #a64; background: #fee; font-weight: bold;}
.calendar td.time { border-top: 1px solid #a88; padding: 1px 0px; text-align: center; background-color: #fed;}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #988; font-weight: bold; background-color: #fff;}
.calendar td.time .ampm { text-align: center;}
.calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold;}
.calendar td.time span.hilite { border-color: #000; background-color: #866; color: #fff;}
.calendar td.time span.active { border-color: #f00; background-color: #000; color: #0f0;}
.btn{ cursor:pointer; background-color:#FFCC99; border:3px outset #FFCC99;}/*invite start*/
.dTabs{border:1px solid #FFCC99; width:100px; float:left; cursor:pointer; text-align:center;}
#pendingInvitation{border:1px solid #FFCC99; width:100%; float:left; padding:10px 0px 10px 0px; display:none;}
#newInvitation{width:100%; border:1px solid #FFCC99; float:left;}
#divPreview{width:515px; float:left; display:none; padding:10px 10px 10px 10px;}
#previewCont{border:1px solid #FFCC99; padding:10px 10px 10px 10px;}
#divInvite{padding:10px 10px 10px 10px;}
.pushUp{vertical-align:top;}
#shortMess{ width:300px;height:100px;}
#friendEmails{ width:300px;height:150px;}/*invite end*/
/*bubble 4 index*/
#dhtmltooltip{vertical-align:top;position: absolute;border: 1px solid #000000;width: 200px;height: 10px;background-color: lightyellow;visibility: hidden;z-index: 100;filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=115);font-size:11px;}
#bubble_tooltip{width:147px;position:absolute;display:none;}
#bubble_tooltip .bubble_middle span{position:relative;top:-8px;font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;font-size:11px;}
#cnwTdTextPop{text-align:left; font-size:10px; vertical-align:top; padding:0px 0px 0px 5px;}
#cnwTdLbl{text-align:right; font-size:9px; vertical-align:top;}
.cnwTitle{ font-size:10px; font-weight:bold; color:#FF0000;}
.cnwPromo{ font-size:10px; }
	/*modal*/
body{margin: 0px;}
#modalPage{display: none;position: absolute;width: 100%;height: 100%px;top: 0px; left: 0px;}
.modalBackground{filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;width: 100%; height: 1000px; background-color: #999999;position: absolute;z-index: 500;top: 0px; left: 0px;}
.modalContainer{position: absolute;width: 300px;left: 50%;top: 50%;z-index: 750;}
.modal{background-color: white;border: solid 4px black; position: relative;top: 0px;left: -300px;z-index: 1000;width: 560px;height: 2200px;padding: 0px;}/*1850 ang dating height*/
.modalTop{width: 552px;background-color: #000099;padding: 4px;color: #ffffff;text-align: right;}
.modalTop a, .modalTop a:visited{color: #ffffff;}
.modalBody{padding: 10px;}
	/*popup*/
div.sample_popup { z-index: 1000; background-color:#FFcc99; width:400px; height:auto; border:2px solid #CC0000; padding:0px 0px 15px 0px;}
div.menu_form_header { background-color:#FF9933; color: #000000; text-align:center;}
div#divPopInfo{ padding:15px 0px 0px 0px; text-align:center; vertical-align:middle;}
table#tblPopInfo{ text-align:center; vertical-align:middle; width:360px;}
td#popUpLogo{ width:100px;}
td.listGc{ padding:20px 0px 0px 0px; vertical-align:top; text-align:center; height:170px; width:150px;}

h2, h3 {color: #CC0000;}
.caption {
	color: #FF6600;
	font-size: 10px;
	font-style: italic;
	}

div.captionRight, div.captionLeft {
padding:5px;
border:1px solid #bbb;
background:#ddd;
text-align:center;
overflow:auto;
font-size:10px;
}

div.captionRight a, div.captionLeft a {
color:#666;
font-size:inherit;
}

div.captionRight a:hover, div.captionLeft a:hover {
text-decoration:underline;
}

div.captionRight {float:right; margin-left:5px;}
div.captionLeft {float:left; margin-right:5px;}