body {margin:0;padding:0;font:11px verdana,arial,helvetica,sans-serif;background:#fff;} label {cursor:pointer;} table {border-collapse:collapse;} img {margin:0;padding:0;overflow:hidden;} form {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; line-height: 20px; color: #333; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4 { font-size: 12px; } h5 { font-size: 10px; }
p { margin: 0; padding: 5px 0; } a, a:hover { font-weight: bold; color: #333; } a { text-decoration: underline; } a:hover { text-decoration: none; } a img { border: none; }
.emspace { font: 10px/10px arial; height: 10px; overflow: hidden; } .floatc, .clear { clear : both; } .floatr { float: right; } .floatl { float: left; }

.body { font: 11px/18px verdana; color: #333; background: #858585; }
#subpcon, #hbutwrp, #footsub { border-bottom: 1px solid #fff; }
.wrapper { width: 973px; margin: 0 auto; }

/* form */
.simpformt { width: 100%; margin: 0; padding: 0; } input, select, textarea, input.fon, input.fof, input.fer, textarea.fon, textarea.fof, textarea.fer, input.disabled { width: 374px; margin: 0; padding: 0; padding: 2px; font: 11px verdana; color: #06c; border: 1px solid #7f9db9; background: #f7f8fa; } .simpformt label { width: 170px; margin-right: 5px; padding-top: 0; float: left; } .simpformt label.emp { cursor: default; } .simpformt input, .simpformt select, .radiof { float: left; text-align: left; } select { width: auto; } textarea, textarea.fon, textarea.fof, textarea.fer { width: 374px; height: 76px; } input.fon, textarea.fon { border-color: #0066cb; background: #fff; } input.fof, textarea.fof { border-color: #7f9db9; } input.fer, textarea.fer { border-color: #d4222f; background: #fbebeb; } input.disabled { border: 1px solid #aaa; background: #ccc; } .editpass { clear: both; font-size: 10px; font-weight: bold; color: #d52927; } .radiof input { width: 16px; height: 16px; background: none; border: none; } .radiof label { width: auto; float: left; margin-left: 5px; } .radiof .emspace { height: 1px; clear: both; overflow: hidden; }

/* form builder */
.simpform {} .simpform form { margin: 0; margin-bottom: 10px; padding: 0; font: 11px verdana; overflow: hidden; } .ftitle { margin: 5px 0; font-size: 18px; font-weight: bold; } .fkey { margin: 0; padding: 0; text-align: right; }  .fkey img { vertical-align: middle; } .fheadw { margin-bottom: 10px; padding: 5px 10px; color: #000; background: #e8e8e8; } .fheadt { font: bold 16px arial narrow, tahoma; color: #000; } .fhdesc { margin: 0 10px 10px 10px; } .fwrap { width: 100%; overflow: hidden; } .ffield, .finput { display: table; vertical-align: middle; } .ffield { width: 170px; float: left; padding-top: 2px; } .finput { width: 70%; float: left; padding-left: 5px; }

.finput .fbutti { width: 16px; height: 16px; background: none; border: none; vertical-align: middle; overflow: hidden; }
.finput .fbuttl { /*margin-left: 5px;*/ display: block; width: 100%; }

.fdisp { font-size: 10px; color: #777; } .fdisp, .ferro { /*margin-right: 7px;*/ } .fspace { clear: both; height: 10px; overflow: hidden; } .errormand { font-weight: bold; color: #d4222f; background: #fbebeb; } .errorbg { font-weight: bold; color: #d4222f; background: #fbebeb; }

input.btn { width: 80px; margin: 0 5px 0 0; padding: 0 5px; text-align: center; cursor: pointer; font: bold 12px arial narrow, arial; text-transform: uppercase; color: #fff; background: #333; border: none; }

#mainwrp { background: #fff; }
#header { width: 973px; height: 114px; }
#myHq { width: 206px; height: 114px; float: left; background: #fff url(../../images/myHq.jpg) left top no-repeat; } #myHq a { width: 206px; height: 114px; display: block; border: none; }

.headtop { width: 767px; height: 81px; float: right; border-bottom: 7px solid #333; } .headtop dl { margin: 0; padding: 0; font: 10px/26px verdana; text-align: right; overflow: hidden; } .headtop dl dt { list-style: none; display: inline; } .headtop dl dt a { font-weight: normal; text-decoration: none; color: #333; } .headtop dl dt a:hover { font-weight: normal; color: #999; text-decoration: none; } .headtop dl dt.pipe { padding: 0 5px; }

.hedsrch { width: 198px; height: 29px; float: right; margin-top: 10px; background: url(../../images/bg_searchhed.jpg) center bottom no-repeat; } .hsearch { position: relative; top: 8px; right: 12px; width: 177px; float: right; } .hsearch form { display: inline; overflow: hidden; } .hsearch input { width: 99px; float: left; margin: 0; padding: 0; font: 9px verdana; color: #666; background: none; border: none; } .hsearch input.button { position: relative; top: -3px; width: 67px; height: 17px; float: right; }

#nav { width: 767px; height: 26px; float: right; } #nav ul { width: 767px; margin: 0; padding: 0; float: left; } #nav li { position: relative; z-index: 99; float: left; display: inline; list-style: none; } #nav li a { display: block; padding: 0 10px; font: bold 11px/25px verdana, sans-serif; text-decoration: none; text-align: center; color: #333; border: 1px solid #fff; border-bottom: none; } #nav li a:hover, #nav li a.active, #nav li a#active { text-decoration: none; color: #fff; } #nav li a:hover, #nav li a.active { background: #999; } #nav li a#active { background: #333; border-color: #333; } #nav li ul { visibility: hidden; position: absolute; left: 0; width: 153px; margin: 0; padding: 0; background: #999; border: 1px solid #999; } #nav li ul li { width: 153px; } #nav li ul li a { width: 133px; padding: 0 10px; font: 11px/21px verdana; text-align: left; color: #666; background: #f2f2f2; border: none; } #nav li ul li a:hover, #nav li ul li a.active, #nav li ul li a#active { color: #333; background: #b6b6b6; } #nav li ul li ul { margin: -1px 0 0 0; }

#homewrp { background: #858585; }
#homecon, .homeimg, .hometxt { height: 406px; overflow: hidden; }
#homecon { width: 973px; }
.homeimg { width: 486px; float: left; margin: 0; padding: 0; }
.hometxt { width: 437px; float: right; padding: 25px; line-height: 15px; }
.hometxt, .hometxt h1, .hometxt h2, .hometxt h3, .hometxt h4, .hometxt h5, .hometxt a { color: #fff; }

#hbutwrp {
	height: 260px;
	padding-top: 12px;
	background: #d6d6d6;
}
.homnode {
	width: 217px; height: 248px;
	float: left;
	padding: 0 12px;
	overflow: hidden;
	text-align: center;
	border-left: 1px solid #fff;
}
.nodewrp {
	position: relative;
	width: 217px; height: 145px;
	overflow: hidden;
}
.nodeimg {
	width: 215px; height: 143px;
	margin: 1px;
	overflow: hidden;
}
.nodebdr {
	position: absolute; top: 0; left: 0;
	width: 217px; height: 145px;
	background: url(../../images/bg_homnode.gif) left top no-repeat;
}
.bodr { border-right: 1px solid #fff; }
.homnode h1 { font-size: 16px; font-family: arial; margin: 10px 0; padding: 0; letter-spacing: -1px; }

#subpcon { width: 973px; overflow: hidden; }
.submain {
	width: 677px;
	float: left;
	padding: 25px;
}
.subside {
	width: 226px;
	float: right;
	padding: 25px 10px;
	text-align: center;
	background: #d6d6d6;
}

.pagetitle {
	margin-bottom: 10px;
	font: bold 20px/24px arial narrow, arial, verdana;
}

#footsub { height: 50px; color: #fff; background: #333; }
#footsub form { height: 27px; margin-left: 25px; padding-top: 12px; }
#footsub input { width: 186px; margin: 0 3px; padding: 2px 4px; font: normal 11px verdana; color: #666; vertical-align: middle; }
#footsub input.subsimp {
	width: 80px; padding: 0 5px; text-align: center; cursor: pointer;
	font: bold 12px arial narrow, arial; text-transform: uppercase; color: #fff; background: #333; border: 3px double #fff;
}

#footer { padding: 10px 0; text-align: center; color: #fff; background: #858585; }
#footer a { font-weight: normal; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; color: #fff; }
#footer a:hover { color: #333; text-decoration: underline; }

/* events */
.evntlhed { width: 530px; float: left; }
.evntview { width: 140px; float: right; font: bold 16px/24px arial narrow,arial; text-align: right; }
.eventwrp { width: 677px; overflow: hidden; margin: 0; padding: 0;
	/*float: left;*/ /* fix for safari */
}
.evntlbod { width: 677px; padding: 10px 0; }
.evntlnme { width: 655px; padding: 3px 10px; font: bold 16px/21px arial narrow,arial; color: #333; background: #d6d6d6; border: 1px solid #333; overflow: hidden; }
.ename, .esign { height: 21px; } .ename { width: 80%; float: left; } .esign { width: 15%; float: right; text-align: right; } .esign a { color: #333; }
.evntlcon { width: 655px; padding: 10px; font: 11px/16px verdana,arial; border: 1px solid #000; border-top: none; overflow: hidden; }
.evntlimg { width: 110px; float: left; } .evntldes { float: left; } .evntldes a { font-weight: bold; }
.evntldll { width: 45px; float: left; font-weight: bold; } .evntldcc { width: 20px; float: left; font-weight: bold; text-align: center; } .evntldrr { width: 470px; float: left; }
.evntldlll { width: 125px; float: left; font-weight: bold; } .evntldccc { width: 20px; float: left; font-weight: bold; text-align: center; } .evntldrrr { width: 500px; float: left; }
.evntlcon .emspace { height: 3px; font: 10px/10px arial; overflow: hidden; }
.eview { padding-bottom: 2px; }

.evntlbod #totalcost { font-weight: bold; font-size: 14px; }

.addtendee, .listmev { width: 100%; overflow: hidden; }
.addspace, .listspc { clear: both; height: 5px; overflow: hidden; }
.addcount, .addfname, .addsname, .addemail { width: 211px; float: left; } .addfname input, .addsname input, .addemail input { width: 202px; }
.addcount { width: 16px; margin-right: 4px; text-align: right; }

.listdel, .listnme, .liststt, .listend, .listloc { float: left; font-size: 11px; } .listdel { width: 10px; text-align: center; } .listnme { width: 100px; } .liststt { width: 100px; } .listend { width: 100px; } .listloc { width: 100px; } .listhed { font-size: 12px; font-weight: bold; text-decoration: underline; }

.etkinfo { display: inline; }
.tcbox { width: 16px; height: 16px; background: none; border: none; vertical-align: middle; overflow: hidden; float: none; display: inline; }

/* events calendar */
ul.monthlist { width: 100%; margin: 0; padding: 0; }
ul.monthlist li { width: 75px; display: block; list-style: none; margin-bottom: 1px; }
ul.monthlist li a { width: 75px; display: block; padding: 0; font: bold 11px/24px arial; text-decoration: none; text-align: center; text-transform: uppercase; color: #fff; background: #615e5c; }
ul.monthlist li a:hover { text-decoration: none; color: #fff; background: #333; }
ul.monthlist li a.active { color: #fff; background: #dc241f; }

.caltime { font-size: 10px; text-align: center; }
.calendar { font: 10px arial; background: #fff; margin: 0 auto; }
.calendar .title { width: 657px; padding: 10px; font: 10px arial; color: #fff; background: #858585; overflow: hidden; }
.calendar .title .pre, .calendar .title .nex { width: 60px; float: left; line-height: 21px; }
.calendar .title .con { width: 537px; float: left; text-align: center; }
.calendar .title .nex { text-align: right; }
.calendar .title a, .calendar .title a:visited, .calendar .title a:hover { color: #fff; }
.calendar tr .daynames { padding: 0 5px; font: bold 14px/24px arial narrow; text-align: center; text-transform: capitalize; color: #fff; background: #333; border: 1px solid #fff; } /* daynames */
.calendar td.day, .calendar td.day_event { width: 67px; height: 80px; padding: 5px; font: 10px/12px arial; background: #d6d6d6; }
.calendar td.day { font: 10px arial; color: #333; border: 1px solid #fff; }
.calendar td.no_day { background: #fff; border: 1px solid #fff; }
.calendar td.day_event {
	font: bold 14px georgia;
	color: #fff;
	background: #333;
	border: 1px solid #fff;
} /* date number */
td.day_event .astyle { margin: 0; padding: 0; font: 11px arial; }
td.day_event .astyle .dot { padding-right: 2px; }
.day_event .astyle a { font: 11px arial; color: #fff; } .day_event .astyle a:hover {} .day_event .more { font: 11px arial; }

/* simp */
.begin, .success, .error { width: 100%; height: 84px; margin: 0 auto; padding: 0; background: url(../../images/_success.gif) left center no-repeat; } .begin { background: url(../../images/_begin.gif) left center no-repeat; } .error { color: #d4222f; background: url(../../images/_error.gif) left center no-repeat; } .error span { display: block; }

.searchbox { width: 657px; padding: 10px; text-align: left; } .searchtxt { color: #0066cb; } .searchbox input { width: 134px; margin: 0; padding: 0; padding: 2px; font: 11px verdana; color: #06c; border: 1px solid #7f9db9; background: #f7f8fa; } .searchbox input.fon { border-color: #0066cb; background: #fff; } .searchbox input.fof { border-color: #7f9db9; } .searchbox .button { width: 80px; margin: 0 5px 0 0; padding: 0 5px; text-align: center; cursor: pointer; font: bold 12px arial narrow, arial; text-transform: uppercase; color: #fff; background: #333; border: none; }
