/*=============== Main Layout ===============*/
body {
	margin:0;
	padding:0;
	background:url('/images/page_bg.gif') repeat-x top left #CCD4D8;
}
#mainwrap{
	margin: 0 auto;
	text-align: left;
	width:970px;
	padding:0 8px;
	background: #FFF;
}
#headerwrap{
	height:80px;
	margin: 0 0 5px 0; 
	padding: 0;
	background:url('/images/topshape.jpg') no-repeat bottom left #D5E7FF;
}
#contentwrap{
	margin:0;
	padding:10px;
	background:#f1f2f9;
	min-height:400px;
}
#footerwrap{ 
	margin:0;
	padding:0;
	background-color: #f1f2f9;
}

/*============== Content ==============*/
#contentheader{
	margin: 0;
	padding: 5px;
}
#contentleft {
	float:left;
	width:180px;
}
#contentright {
	float:right;
	width:200px;
}
#contentmiddle {
	float:left;
	display:inline;
	width:550px;
	margin:0 10px;
}
#contentlarge {
	float:left;
	display:inline;
	width:760px;
	margin:0 0 0 10px;
	position: relative;
}
#contentfull {
	float:left;
	display:inline;
	position: relative;
	width:100%;
}
#contentfooter{
	margin:0;
	padding: 8px;
	margin-top:5px;
	position: relative;
}

/*============== General Style ==============*/

div,html,body,form,p,ul,ol,span,label,a,td,textarea{
	margin:0;
	padding:0;
	font-family: verdana, trebuchet MS, arial, sans-serif;
	font-size:11px;
	color: #303030;
}
textarea{
	font-size:12px;
}
p{
	margin:0 5px 10px;
	line-height:1.5em;
	padding:0;
}
ul,ol{
	padding:5px;
	margin: 0 20px 20px;
}
li{
	line-height:1.5em;
}
ol{
	list-style-type: decimal;
}
img{
	border:none;
}
a{
	color: #003399;
}
a:hover{
	color:#EE7700;
}
h1,h2,h3,h4,h5,h6{
	padding:4px;
	margin:0;
	color: #293473;
}
h1{
	font-size:26px;
}
h2{
	font-size:20px;
	padding:5px 3px;
	margin-bottom:10px;
}
h3{
	font-size:17px;
}
h4{
	font-size:13px;
	padding:0 0 3px 0;
}
h5{
	font-size:11px;
}
.clear{
	clear:both;
}
/*============== Container ==============*/
.container{
	padding:8px;
	margin:0 0 10px 0;
	background:#FFF;
	border:1px solid #DEDEDE;
	height:100%
}
.clear_container{
	padding:8px;
	height:1%
}
.small_container{
	padding:8px;
	margin: 5px auto;
	width: 500px;
	background:#FFF;
	border:1px solid #DEDEDE;
}
.toplink{ /*for the links at the top right corner*/
	float:right;
	margin: 0;
	padding: 0 8px;
	text-align:right;
	font-size:11px;
	color:#666;
}
/*============== Menus ==============*/
#topmenu{
	font-weight:bold;
	color:#3366AA;
	width:520px;
	margin:12px 0 0 32px;
	text-align:center;
	float:left;
	height:1%;
}
#topmenu a{
	margin:0 1px;
	padding:3px 5px;
	text-decoration:none;
	font-size:12px;
}
#topmenu a:hover{
	text-decoration:underline;
	color:#003399}
.yuimenu{
	padding:0;
	border-bottom:0;
}
.yuimenu .bd{
	*zoom:1;
	_zoom:normal;
	border:1px solid #DEDEDE;
	border-bottom:1px solid #F3F3F3; /*hack for ie6*/
}
.yuimenu .yuimenu .bd{
	*zoom:normal;
}
.yuimenu .bd ul{
	padding:0;
}
.yuimenu .yuimenuitem{
	border-bottom:solid 1px #DEDEDE;
	_border-bottom:solid 1px #DEDEDE; /*hack for ie6*/
	background:url('/images/menuitem.gif') repeat-x top left;
}
.yuimenu .yuimenuitemlabel{
	padding:4px 20px 6px 10px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}
.yuimenu .yuimenuitemlabel:visited{
	color:#333;
}
.yui-menu-shadow{
	background-color:#FFF;
	opacity:.16;
	filter:alpha(opacity=16);
}
.yuimenu .yuimenuitem-selected{
	background:#99CCFF;
}

.yuimenu .yuimenuitemlabel-hassubmenu {
	background:url('/images/arrow.gif') no-repeat 97% 50%;
}
.yuimenu .yuimenuitemlabel-hassubmenu-selected {
	background-image:url('/images/arrowselected.gif');
}
.yuimenu .first-of-type{
}
.sectionhead{
	background:url('/images/headl.gif') no-repeat top left;
	padding:0 0 0 8px;
}
.sectionhead h4{
	background:url('/images/headr.gif') no-repeat top right;
	padding:6px 5px 5px 5px;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
}
.leftmenu{
	margin-bottom:20px;
	padding:8px 0;
	position:absolute;
	z-index:10;
	width:190px;
}
.leftmenu .active{
	border:1px solid #DEDEDE;
	border-right:0;
	position:relative;
	width:190px;
	background:#FFF;
}
.leftmenu div{
	padding:5px 0;
}
.leftmenu img{
	vertical-align:bottom;
	height:15px;
	margin-left:10px;
	margin-right:-5px;
}
.leftmenu a{
	padding:0 10px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
.leftmenu a:hover{
	color:#003399;
	text-decoration:underline;
}
.sideBanner{
	margin-bottom:8px;
	background:#FFF;
	border:1px solid #DEDEDE;
}
.sideBanner a{
	
}
.sideBanner img{
	vertical-align:top;
	width:178px;
}
/*============= forms =============*/
.formrow{
	padding:5px;
	margin:5px 0;
}
.formrow label{
	float:left;
	width:100px;
	padding:3px 0;
	color:#545454;
	font-weight:bold;
	display:block;
}

/*============= Words =============*/
.small{
	font-size:11px;
	font-weight:normal;
	color:#434343;
}
.smaller{
	font-size:10px;
	color:#666;
}
.smaller a{
	font-size:10px;
	color:#555;
}
.smaller a:hover{
	color:#333;
}
.error{
	margin:10px 0;
	padding: 8px;
	background:#FFDEDE;
	border: 1px solid #CC6699;
	font-weight:bold;
}
.toplink .mypoint{
	margin-top:3px;
	font-size:11px;
	color:#666;
}
.message{
	background: #FFF1A8;
	font-weight:bold;
	padding: 8px;
	margin-bottom:10px;
	border:1px solid #FF9900
}
.info{
	border:3px solid #EAEAEA;
	padding:10px 10px 10px 45px;
	background:url('/images/info.gif') no-repeat 5px 50%;
}
a.nButton{
	text-decoration:none;
	background:url('/images/lbutton.gif') no-repeat top left;
	padding-left:8px;
	float:left;
	height:23px;
}
a.nButton span{
	background:url('/images/rbutton.gif') no-repeat top right;
	padding:4px 12px 4px 3px;
	height:15px;
	float:left;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	color:#666;
}
.nButton img{
	vertical-align:10%;
	margin-right:5px;
	float:left;
}
a.nButton:focus{
	outline:none;
}
a.nButton span:hover{
	color:#434343;
}
a.sButton{
	padding:4px 7px;
	position:relative;
	text-decoration:none;
	border:1px solid #CACACA;
	background:url('/images/gradient.gif') repeat-x top left;
	color:#666;
}
a.sButton:focus{
	outline: none;
}
a.sButton:hover{
	background:url('/images/gradient.gif') repeat-x bottom left;
	color:#444;
}
.alt{
	background:#F3F3FF;
}
/*============== footer ==============*/
#contentfooter p{
	font-size:11px;
}
#contentfooter td{
	vertical-align:top;
	padding:0 5px;
}
#contentfooter .links{
	padding:0 5px 10px 5px;
	color:#999;
}
#contentfooter h4{
	color:#666;
	padding:3px;
	font-size:12px;
}
/*============== Corners ==============*/
.tcorner{
	background:url('/images/tr_filled.gif') no-repeat top right;
	height:8px;
	width:100%;
	z-index:5;
	top:-1px;
	right:-1px;
	position:relative;
}
.tcorner div{
	background:url('/images/tl_filled.gif') no-repeat top left;
	width:8px;
	height:8px;
}
.bcorner{
	background:url('/images/br_filled.gif') no-repeat bottom right;
	height:8px;
	z-index:5;
	bottom:0;
	left:-1px;
	position:relative;
}
.bcorner div{
	background:url('/images/bl_filled.gif') no-repeat bottom left;
	width:8px;
	height:8px;
}

/*============== widgets ==============*/
.droparea{
	min-height:250px;
	padding:0 0 50px 0;
	margin:0 6px;
	width:305px;
	float:left;
}
.ddcontain{
	margin-bottom:12px;
}
.widget{
	width:305px;
	background:url('/images/bl.gif') no-repeat bottom left;
}
.widget .header{
	background:url('/images/tl.gif') no-repeat top left;
	padding:0 0 0 8px;
}
.widget .header h4{
	background:url('/images/tr.gif') no-repeat top right;
	padding:9px 5px 6px 5px;
	margin:0;
	cursor:move;
}
.widget .headerex{
	background:url('/images/tl2.gif') no-repeat top left;
}
.widget .headerex h4{
	background:url('/images/tr2.gif') no-repeat top right;
}
.widget .header h4 a, .widget .header h4 span{
	text-decoration:none;
	color: #293473;
	font-size:14px;
}
.widget .headerex h4 a, .widget .headerex h4 span{
	color: #8c5000;
}
.widget .header h4 a:hover, .widget .headerex h4 a:hover{
	color:#7280d5;
}
.widget .itemBody{
	border:1px solid #CACACA;
	border-bottom:0;
	border-top:0;
	background:#FFF;
}
.widget .itemBody .paragraph{
	padding:8px 10px;
}
.widget .itemBody .bottomLink{
	padding:3px;
	margin:5px 8px 0;
	border-top:1px dashed #CACACA;
}
.widget .itemBody .bottomLink a{
	color:#666;
	font-size:10px;
}
.widget .itemBody .image{
	padding:0;
}
.widget .itemBody .image img{
	width: 303px;
	display:block;
}
.widget .bottom{
	background:url('/images/br.gif') no-repeat bottom right;
	height:8px;
	margin-left:8px;
	font-size:0px;
}
.widget .close{
	float:right;
	text-decoration:none;
	padding:2px 4px;
	margin:7px 12px 0 0;
}
.widget .close:hover{
	color:#333;	
}
.widget .optionButton{
	float:right;
	color:#787878;
	font-size:10px;
	text-decoration:none;
	padding:2px 4px;
	margin:8px 5px 0 0;
	border:1px solid #BACAFF;
}
.widget .optionButton:hover{
	color:#666;
	background:#C9DCFD;
}
.widget .headerex .optionButton{
	border:1px solid #CABA99;
}
.widget .headerex .optionButton:hover{
	background: #fed695;
}
.widget .optionBody{
	display:none;
	border:1px solid #CACACA;
	border-top:0;
	background:url('/images/optiongradient.gif') repeat-x top left #D5E7FF;
	padding:5px 8px 10px 8px;
	height:1%;
}
.widget .optionBodyex{
	background:url('/images/optiongradient2.gif') repeat-x top left #FFDBA5;
}
.widget .optionBody .heading{
	padding:5px 2px;
	font-weight:bold;
	font-size:11px;
	color:#666;
}
.widget .optionBody label{
	font-size:11px;
}
.widget .optionBody table{
	margin-bottom:10px;
}
.widget .list th{
	padding:0;
	font-size:12px;
	color:#293473}
.widget .list td{
	padding:3px 0 4px 0;
	border-bottom:1px dashed #D5E7FF;
}
.widget .list a{
	text-decoration:none;
	font-size:12px;
}
.widget .list a:hover{
	text-decoration:underline;
}
.altlines div{
	padding:8px;
}
.altlines .sublabel{
	font-size:10px;
	color:#999;
	text-align:right;
	padding:2px 0 0 0;
}
.fill{
	background:0;
	position:relative;
}
.fill .bottom{
	background:url('/images/br_filled.gif') no-repeat bottom right;
	height:8px;
	width:306px;
	z-index:5;
	bottom:0;
	right:-1px;
	position:absolute;
}
.fill .bottom div{
	background:url('/images/bl_filled.gif') no-repeat bottom left;
	width:8px;
	height:8px;
}
.feeds .desc{
	display:none;
	margin: 5px 0px 8px 3px;
	color:#999;
}
.feeds a.expand{
	outline:none;
	padding:3px;
}
.feeds a.expand:hover{
	text-decoration:none;
}

/*============== main page tabs ==============*/
#tabs{
	border:1px solid #DEDEDE;
	border-bottom:0;
	border-top:0;
	background:#F1F2F9;
	position:relative;
}
#tabarea{
	height:200px;
	background:url('/images/tabgradient.gif') repeat-x top left #B4CBFB;
}
#tabs .tcorner{
	background:url('/images/tr_filled.gif') no-repeat top right;
	height:8px;
	width:625px;
	z-index:5;
	top:0;
	left:-1px;
	position:absolute;
}
#tabs .tcorner div{
	background:url('/images/tl_filled.gif') no-repeat top left;
	width:8px;
	height:8px;
}
#tabs .bcorner{
	background:url('/images/br_filled.gif') no-repeat bottom right;
	height:8px;
	width:625px;
	z-index:5;
	bottom:0;
	_top:233px;
	left:-1px;
	position:absolute;
}
#tabs .bcorner div{
	background:url('/images/bl_filled.gif') no-repeat bottom left;
	width:8px;
	height:8px;
}
#navtabs{
	padding:0;
	margin:0;
	width:100%;
}
#navtabs td{
	vertical-align:bottom;
	width:25%;
}
#navtabs td a{
	border-left:1px solid #DEDEDE;
	padding:6px 5px 6px 12px;
	display:block;
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	font-size:12px;
	outline:none;
}
#navtabs td a:hover{
	text-decoration:underline;
	color:#FFF;
}
#navtabs td a.first{
	border-left:0;
	background:url('/images/tab1.gif') repeat-x bottom left;
}
#navtabs td a.second{
	background:url('/images/tab2.gif') repeat-x bottom left;
}
#navtabs td a.third{
	background:url('/images/tab3.gif') repeat-x bottom left;
}
#navtabs td a.fourth{
	background:url('/images/tab4.gif') repeat-x bottom left;
}
#navtabs td a.fifth{
	background:url('/images/tab5.gif') repeat-x bottom left;
}
#navtabs td a.sixth{
	background:url('/images/tab6.gif') repeat-x bottom left;
}
#navtabs td a.selected{
	padding-top:9px;
}
#navtabs td a.selected:hover{
	text-decoration:none;
}
/*============== listings ==============*/
.listing{
	margin: 0 0 10px 0;
}
.listing tr:hover{
	background:#EFEFFF;
}
.listing td{
	padding:6px 4px;
	border-bottom:1px solid #C5D7EF;
	font-size:11px;
}
.listing th{
	padding:7px 4px 6px;
	background:url('/images/gradient.gif') repeat-x bottom left;
	border:1px solid #DEDEDE;
	border-right:0;
}
.listing th a{
	display:block;
	text-decoration:none;
	color:#444;
}
.listing th a:hover{
	color:#333;
	text-decoration:underline;
}
.listing th.first{
	border-left:0;
}
/*============== page numbers ==============*/
.pageNum{
	padding:5px;
	margin-top: 5px;
	font-size:11px;
}
.pageNum b{
	padding: 1px 4px;
}
.pageNum a{
	text-decoration:none;
	padding: 1px 4px;
	color:#666;
}
.pageNum a:hover{
	border:1px solid #999;
	padding: 1px 3px;
	color:#333;
}
/*============== small poll==============*/
.smallquickpoll{
	padding:5px 8px 15px;
}
.smallquickpoll td{
	vertical-align:top;
	padding:3px 0;
}
.smallquickpoll label{
	font-size:11px;
	color:#666;
}
.smallquickpoll .heading{
	font-size:11px;
	line-height:1.3em;
	margin:10px 3px 3px 3px;
}
.smallquickpoll .points{
	background:url('/images/spoint.gif') no-repeat top left;
	color:#FFF;
	width:69px;
	text-align:center;
	padding:3px 3px 6px;
	font-size:10px;
	float:right;
}
.smallquickpoll .points span{
	font-size:15px;
	font-weight:bold;
	color:#FFF;
}
/*============== barchart ==============*/
.barchart{
	list-style-type: none;
	margin:2px 5px;
}
.barchart div{
	font-size:10px;
}
.barchart li{
	position:relative;
	margin:3px 0 12px 0;
	line-height:1em;
}
.barchart li .bar{
	background: transparent url('/images/stat_bar.gif') repeat-x left top;
	background-attachment: scroll;
	position: absolute;
	top: 0pt;
	left: 0pt;
	text-indent: -999em;
	padding:4px 0 1px;
}
.barchart li .barLabel{
	font-size:10px;
	color:#363666;
	z-index: 2;
	position: relative;
	padding-left: 5px;
	top:1px;
}
/*============== forms ==============*/
.line{
	clear:both;
	height:10px;
	margin:10px 0;
	border-bottom:1px solid #CACACA;
}
.fieldshow{
	font-size:11px;
	margin:0;
}
.hide{
	display:none;
}
.fieldshow dt{
	float:left;
	clear:left;
	width:160px;
	color:#787878;
	padding: 5px;
	margin-left:10px;
}
.fieldshow dd{
	float:left;
	width:320px;
	margin:0;
	padding: 5px;
}
.fieldshow .nested{
	width:155px;
}
.fieldshow .errorCell{
	font-weight:bold;
	background:#FFCECE;
}
.fieldshow .errorCell div{
	padding:0 4px;
	color:#CF0000;
}
.fieldshow dd  input.text{
	width:200px;
}
.fieldshow dd  .textbox{
	width:270px;
	height:70px;
}
/*============== submenu ==============*/
.submenu a{
	font-size:12px;
	font-weight:bold;
}
.submenu a.activesub{
	text-decoration:none;
}
/*============== profile tab ==============*/
ul#profileTab{
	position:relative;
	padding:10px 0 0 0;
	margin:0;
	list-style-type: none;
	float:left;
	height:1%;	
}
#profileTab li{
	display:inline;
	padding:0;
	margin-right:5px;
	float:left;
	background:#EFEFEF;
	border:1px solid #CACACA;
	border-bottom:0;
}
#profileTab li.active{
	background:#FFF;
	padding-bottom:1px;
	margin-bottom:-1px;
	position:relative;
}
#profileTab a{
	text-decoration:none;
	display:block;
	padding:3px 8px;
	color:#333;
	font-size:12px;
}
#profileTab a:hover{
	background:#FEFEFE;
}
#profileTab a:focus{
	outline:none;
}
.editedby{
	font-size:10px;
	color:#666;
	float:right;
	margin-top:10px;
}
.subHeader{
	margin:0 0 5px 14px;
	color:#6699CC;
	font-weight:bold;
	font-size:12px;
}

.vendor{
	margin: 6px 10px 0 10px;
	padding: 5px;
}
.vendor .header{
	font-size:11px;
	border-bottom:1px dashed #CACACA;
	padding:2px 0 3px 0;
}
.list th{
	font-size:10px;
	padding:3px 4px;
	color:#999;
}
.list td{
	font-size:11px;
	padding:2px 4px;
	vertical-align:top;
}
.list td.grey{
	color:#787878;
}
/*============== help ==============*/
.help{
	display:none;
	background:url('/images/help.gif') no-repeat top left;
	padding: 3px 10px 3px 18px;
}
.yui-tt{
	visibility:hidden;
    position:absolute;
    color:#333;
    background-color:#D5E7FF;
    padding:2px 5px;
    border:1px solid #6699FF;
    width:auto;
	z-index:500;
}
.yui-tt .bd p{
	margin:5px 0;
}
/*============== breadcrumbs ==============*/
.breadcrumb{
	margin:0 0 20px;
}
.breadcrumb a{
	text-decoration:none;
}
.status.rejected{
	background-color:#F00;
	color:#FFF;
	border:1px solid #F30;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}
.status.pending {
	background-color:#F93;
	color:#FFF;
	border:1px solid #F96;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}
a.addButton{
	color: #F57528;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	/*margin-left:20px;*/
	padding: 5px 8px;
	border:1px solid #CACACA;
	background:url('/images/button_gradient.png') repeat-x top left;
}
a.addButton:hover{
	background:url('/images/button_gradient2.png') repeat-x top left;
}