@import url("reset.css");

/* layout */
body { background: #ecedf2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#505058;}
.mainWrapper{ width:958px; margin:0px auto; background: url(../images/wrapperBg.jpg) no-repeat top center; min-height:351px; position:relative}
.leftWrapper{ float:left; width:598px;}
.rightWrapper{ float:right; width:338px;}
.alignRight { text-align:right;}
.footWrapper { margin:10px 0px; padding:20px 0px 0px; text-align:center; color:#999999; background: url(../images/tdBorder2.gif) repeat-x top left; width:958px; float:left; font-size:11px}
.footWrapper a{ color:#999999;; text-decoration:none; border-bottom:1px solid #999}

.logo { margin:11px 0px 0px;}
.player{ background:url(../images/playerBg.png) no-repeat left top; width:598px; height:87px; text-align:center;padding:14px 0 0;}
.bookmarks{background:url(../images/boxSm.png) no-repeat 100% 0;width:598px; height:51px;}
.bookmarks div{}
.bookmarks div{  padding:15px 20px 0px; float:left; line-height:22px}

/* round corner big*/
#wrap {	max-width:598px;margin:20px auto 10px;}
* html #wrap {width:598px}
.cbb {margin:1em 0;padding:0 10px;	border:1px solid #666;	background:#fff;}
.cb {margin:0.5em 0;}
.bt {height:27px;	margin:0 0 0 22px;background:url(../images/box.png) no-repeat 100% 0;	position:relative;}
.bt div {	position:relative;	left:-23px;	width:23px;	height:27px;	background:url(../images/box.png) no-repeat 0 0;	font-size:0;	line-height:0;}
.bb {	height:27px;	margin:0 0 0 22px;	background:url(../images/box.png) no-repeat 100% 100%;}
.bb div {	position:relative;	left:-23px;	width:23px;	height:27px;	background:url(../images/box.png) no-repeat 0 100%;	font-size:0;	line-height:0;}
.i1 {	padding:0 1px 0 6px;	background:url(../images/borders.png) repeat-y 0 0;}
.i2 {	padding:0 6px 0 0;	background:url(../images/borders.png) repeat-y 100% 0;}
.i3 {	display:block;	margin:0;	padding:1px 10px;	background:#f5f5f8; height:700px}
.i3:after {	content:"."; 	display:block; 	height:0; 	clear:both; 	visibility:hidden;}
.i3 {display:inline-block;}
.i3 {display:block;}
/*end round corner */

/* round corner Small*/
#wrapSm {	max-width:338px;margin:20px auto 10px;}
* html #wrapSm {width:338px}
.cbbSm {margin:1em 0;padding:0 10px;	border:1px solid #666;	background:#fff;}
.cbSm {margin:0.5em 0;}
.btSm {height:27px;	margin:0 0 0 22px;background:url(../images/box2.png) no-repeat 100% 0;	position:relative;}
.btSm div {	position:relative;	left:-23px;	width:23px;	height:27px;	background:url(../images/box2.png) no-repeat 0 0;	font-size:0;	line-height:0;}
.bbSm {	height:27px;	margin:0 0 0 22px;	background:url(../images/box2.png) no-repeat 100% 100%;}
.bbSm div {	position:relative;	left:-23px;	width:23px;	height:27px;	background:url(../images/box2.png) no-repeat 0 100%;	font-size:0;	line-height:0;}
.i1Sm {	padding:0 1px 0 6px;	background:url(../images/borders2.png) repeat-y 0 0;}
.i2Sm {	padding:0 6px 0 0;	background:url(../images/borders2.png) repeat-y 100% 0;}
.i3Sm {	display:block;	margin:0;	padding:1px 10px;	background:#fff;}
.i3Sm:after {	content:"."; 	display:block; 	height:0; 	clear:both; 	visibility:hidden;}
.i3Sm {display:inline-block;}
.i3Sm {display:block; text-align:center}
/*end round corner */

/* tabs */
div.tabs{position:absolute; height:30px; width:529px; z-index:100; font-size:12px; left:12px; background:transparent; top:-10px}
label.list{ display:inline; float:left; width: 265px; background:url(../images/leftBtnBg.png) no-repeat left top; height:40px; text-align:center; line-height:38px; font-weight:bold; color:#fff}
label.listSelected{ display:inline; float:left; width: 265px; background:url(../images/leftBtnBg.png) no-repeat left bottom; height:40px; text-align:center; line-height:38px; font-weight:bold; color:#fff}
label.detail{ display:inline; float:left; width: 264px; background:url(../images/rightBtnBg.png) no-repeat right top; height:40px; text-align:center; line-height:38px; font-weight:bold; color:#fff}
label.detailSelected{ display:inline; float:left; width: 264px; background:url(../images/rightBtnBg.png) no-repeat right bottom; height:40px; text-align:center; line-height:38px; font-weight:bold; color:#fff}
/*END tabs */

/* tabs small*/
/*div.tabsSm{position:absolute; height:30px; width:281px; z-index:100; font-size:12px; left:6px; background:transparent; top:-10px; font-size:10px}
div.tabsSm a { color:#fff; text-decoration:none}
label.listSm{ display:inline; float:left; width: 141px; background:url(../images/leftBtnBg2.png) no-repeat left top; height:40px; text-align:center; line-height:38px; font-weight:bold; color:#fff}
label.listSmSelected{ display:inline; float:left; width: 141px; background:url(../images/leftBtnBg2.png) no-repeat left bottom; height:40px; text-align:center; line-height:38px; font-weight:bold; color:#fff}
label.detailSm{ display:inline; float:left; width: 140px; background:url(../images/rightBtnBg2.png) no-repeat right top; height:40px; text-align:center; line-height:38px; font-weight:bold; color:#fff}
label.detailSmSelected{ display:inline; float:left; width: 140px; background:url(../images/rightBtnBg2.png) no-repeat right bottom; height:40px; text-align:center; line-height:38px; font-weight:bold; color:#fff}*/
/*END tabs small*/

div.tabsSm{position:absolute; height:30px; width:281px; z-index:100; left:6px; background:transparent; top:-10px; font-size:12px}
div.tabsSm a { color:#fff; text-decoration:none}
label.listSmall{ display:inline; float:left; width: 281px; background:url(../images/tabSm.png) no-repeat left top; height:40px; text-align:center; line-height:38px; font-weight:bold; color:#fff}

/* accordion container */
.AccordionWrapper { background:#51515c url(../images/darkTop.gif) no-repeat left top; width:290px; margin:10px auto; padding-top:20px;}
.fixedheight { height:393px;}
.fixedheight2 { height:480px;}
.fixedheight3 { height:260px;}
.WrapperFoot { background:url(../images/darkBot.gif) no-repeat left bottom; height:22px; width:290px;}

.accshow {  width: 266px;  margin:0;  padding:0px;}
div.a{ background:url(../images/arrow.gif) no-repeat 1.5em 1.2em;padding-top:5px;}
.createnew {background:url(../images/taskCurveTop.png) no-repeat; background-position:top; color:#0289c8; font-weight:bold;line-height:24px; width:266px;cursor: pointer;font-size:12px; font-weight:bold; text-indent:3em}
.createnew a{color:#0289c8; text-decoration:none;}
.createnew a:visited{color:#0289c8; text-decoration:none;}
.createnew a:hover{color:#0289c8; text-decoration:none;}
.curveBot2 { background: url(../images/taskCurveBot.png) no-repeat; background-position:bottom left; height:11px!important; width:266px;}
.accContent { background:#e7e8ee; width:266px;}
.accContent2 { background:#e7e8ee; width:266px; height:500px;}
.space { height:15px;}


/* content */
.programAd { margin-top:159px;}
.content tr{ background:url(../images/tdBorder.gif) repeat-x bottom left}
.inactive{ background:#eee url(../images/tdBorder.gif) repeat-x bottom left!important}
.content td{ padding:14px 10px; }
.content h2{ font-weight:bold; color:#0190d3;} 
.content h2 a{  color:#0190d3; text-decoration:underline}
.content h2 a.active{ font-weight:bold; color:#d6790b;text-decoration:none}
.content p{ color:#999999; line-height:16px; margin:6px 0px}
.button{ background: url(../images/buttonBg.gif) no-repeat left top; height:22px; width:79px; color:#fff; display:block; float:right; padding:0px 10px; line-height:20px; font-weight:bold}
.button a{ color:#fff; text-decoration:none}
.register{ background:url(../images/registerBg.gif) no-repeat left top; width:291px; height:68px; text-align:center; margin:10px auto; color:#fff;}
.register p{ padding:20px 0px}
.register a{ color:#094f68; text-decoration:underline}
.pollWrapper{width:240px;margin:10px auto; text-align:left}
.pollWrapper h3 { color:#d16004; font-weight:bold; border-bottom:1px dashed #ccc; padding-bottom:6px; margin:10px 0px}
.pollWrapper p{ font-weight:bold; margin:10px 0px;}
.pollWrapper br { margin:10px 0px;}
.adLogo { text-align:center;}
.adLogo img{ padding:0px 15px;}

/* form elements*/
.submitButton{ background:transparent url(../images/submitBg.png) no-repeat left top; width:74px; height:30px; text-align:center; border:none;color:#d16004; font-weight:bold;}

/* scroll bar*/
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
.Scrollbar-Up {
  position: absolute;
  width: 10px; height: 10px;
  background-color: #CCC;
  font-size: 0px;
	cursor:pointer;
}
.Scrollbar-Track {
  width: 10px; height: 640px;
  position: absolute;
  top: 20px;
  background: url(../images/line.gif) repeat-y top center;}
.Scrollbar-Handle {
  position: absolute;
  width: 10px; height: 30px;
  background-color: #CCC;
}
.Scrollbar-Down {
  position: absolute;
  top: 670px;
  width: 10px; height: 10px;
  background-color: #CCC;
  font-size: 0px;
	cursor:pointer;
}
#Scrollbar-Container {
  position: absolute;
  top: 20px; left: 560px;
}
#Scrollbar-Container2 {
  position: absolute;
  top: 20px; left: 200px;
}

#Container {
  position: absolute;
  top: 50px; left: 50px;
  width: 400px;
  height: 200px;
  background-color: #EEE;
}
#News { 
  position: absolute;
  overflow: hidden;
  width: 529px;
  height: 650px;
  display: block;
	top:30px
		
}
#sideContainer {
  position: absolute;
  top: 50px; left: 50px;
  width: 220px;
  height: 200px;
  background-color: #EEE;
}
#sideNews { 
  position: absolute;
  overflow: hidden;
  width: 220px;
  height: 100px;
  display: block;
	top:30px
		
}
#Navigation {
  position: absolute; 
  top: 30px;
  left: 75px;
}
#Navigation a {
  margin: 5px 2px 0 0;
  padding: 0 5px;
  height: 20px;
  background-color: #E4E4E4;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #AAA;
  text-decoration: none;
  display: block;
  float: left;
  letter-spacing: 1px;
}
#Navigation a:hover {
  margin-top: 0px;
  height: 25px;
}
#Navigation a.current {
  margin-top: 0px;
  height: 25px;
  background-color: #EEE;
  color: #777;
}

.padding{ padding:0px 10px;}
.padding2{ padding:4px 0px}
.container{width:240px;height:110px; overflow:auto; margin:0px 0px 10px; font-size:11px}
.container span{ font-weight:bold; color:#999999}
.container span.admin{ font-weight:bold; color:#0190d3}

.padding br{ margin:4px 0px}
.padding p{ margin:6px 0px}
.txtarea { width:240px;}

.loginWrapper{ position:absolute; right:0px; top:0px; height:33px; width:300px;}
.loginWrapper ul li{ float:right; display:inline;}
.loginWrapper li.mid{ background:transparent url(../images/menudo_bg.gif) repeat-x; height:33px; text-align:center; line-height:30px; padding:0px 10px; color:#fff; }
.loginWrapper li.mid span{ color:#f8b934; font-weight:bold}
.loginWrapper li.mid a{ color:#fff;  text-decoration:none}
.loginWrapper li.left{ background:transparent url(../images/menudo_capleft.gif) no-repeat bottom left; height:33px; text-align:center; width:18px}
.loginWrapper li.right{ background:transparent url(../images/menudo_capright.gif) no-repeat bottom right; height:33px; text-align:center; width:18px}

.login{ position: absolute; top:110px; text-align:right; width:330px; font-weight:bold; color:#0289C8; padding-bottom:10px }
.login a{  color:#0289C8 ; text-decoration:none;}
.result li{ padding-left:20px; line-height:20px; background:url(../images/arrow.gif) no-repeat left center}

.register{ background:url(../images/registerBg.gif) no-repeat left top; width:291px; height:68px; text-align:center; margin:10px auto; color:#fff;}
.register p{ padding:20px 0px}
.register a{ color:#094f68; text-decoration:underline}
#register,#login, #thankyou{ font-size:11px; /*padding-top:10px*/}
#register a, #login a { color:#0190d3; text-decoration:none}
.txtbox {background:#F5F5F8 none repeat scroll 0 0;border:1px solid #DADCE0;color:#7F7D7D;padding:6px 4px;width:240px;}
.txtbox2 {background:#F5F5F8 none repeat scroll 0 0;border:1px solid #DADCE0;color:#7F7D7D;padding:6px 4px;width:160px;}
.border {background:transparent url(../images/tdBorder.gif) repeat-x scroll left bottom;}