html,body {
	font-family: Arial, Verdana, clean, sans-serif;
	font-size:11px;
	margin:0px;
}

body {
	background:transparent url(../images/bg.gif) repeat-x scroll left top;
}

img { border:0; vertical-align:middle;}
input,select { vertical-align:middle }
input.box { border:1px solid #3f3f3f; height:19px; padding: 0px 2px; }
textarea.box {border:1px solid #3f3f3f; height:19px; padding: 0px 2px;}
hr {background-color:#999999;border:0}
hr.grayline { background-color:#ccc; height: 1px; margin:10px 0px }

.hdr1{
	color:#f68700;
	font-size:16px;
	font-weight:bold;
}

.hdr2 {
	font-weight:bold;
	font-size:13px;
}

.hdr3 {
	font-size:16px;
	font-weight:bold;
	margin:10px 0px;
}

.hdr4 {
	font-size:16px;
	font-weight:bold;
}

.hdr5 {
	font-size:14px;
	font-weight:bold;
}

.hdr6 {
	font-size: 12pt;
	font-weight: bold;
}

.bg { background-color: #eef6f8;}
.noUnderline { text-decoration:none}
.underline { text-decoration:underline}

.hdr {
	font-size:19px;
	color:#e5915e;
	padding:15px 0px 8px 0px;
	border-bottom:2px solid #e4e4e4;
}

/*
 * margins
 *****************************************/
.m10 { margin:10px 0px;}
.m15 { margin:15px 0px;}
.m20 { margin:15px 0px;}

/*
 * font size
 *****************************************/
.fa { font-family: Arial, Verdana, clean, sans-serif;}

/*
 * font size
 *****************************************/
.bold { font-weight:bold }
.s24 { font-size:24px }
.s12 { font-size:12px }
.s14 { font-size:14px }
.s16 { font-size:16px }
.s18 { font-size:18px }

/*
 * font color
 *****************************************/
.colorRed { color:#ff0000 }
.color1 { color:#666666;}

.err {
	color:#ff0000; font-weight:bold;
}

#wrapper {
	position:relative;
	margin:0px auto;
	width:770px;
	padding-top:10px;
	background-color:#FFF;
	/*
	border-left:1px solid #828Da5;
	border-right:1px solid #828Da5;
	*/
}

/*
 * logo
 *****************************************/
#logo {
	 position:absolute;
	 top: 16px; left:8px;
}

/*
 * top nav
 *****************************************/
#topNav {
	 position:absolute;
	 right:10px;
}
 
/*
 * tabbed menu
 *****************************************/
#tabbedMenu { position:relative; top:35px; height:71px;clear:both;}

ul.tab {
	position:absolute;
	top:0px;
	list-style-type:none;
	padding: 0px 0px 0px 182px;
	margin:0;
	font-size: 12px;
	font-weight:bold;
	z-index:1;
}
ul.tab li { float:left; margin-left: 5px; }
ul.tab li a { text-decoration:none; display:block; }

/* tab on */
ul.tab li.on { background:url(/circle/images/bg_tab_on_right.gif) no-repeat top right;}
ul.tab li.on a {
	padding: 8px 15px 8px 15px;
	color:#003399;
	background:url(/circle/images/bg_tab_on_left.gif) no-repeat top left;
}
/* tab off */
ul.tab li.off { background:url(/circle/images/bg_tab_off_right.gif) no-repeat top right;}
ul.tab li.off a {
	padding: 9px 15px 7px 15px;
	color:#666666; background:url(/circle/images/bg_tab_off_left.gif) no-repeat top left;
}
/* disabled tab */
ul.tab li.disabled { background:url(/circle/images/bg_tab_disabled_right.gif) no-repeat top right;}
ul.tab li.disabled a {
	padding: 9px 15px 7px 15px;
	color:#c2c2c2; background:url(/circle/images/bg_tab_disabled_left.gif) no-repeat top left;
}

/*
 * submenu
 *****************************************/
ul.menu {
	list-style-type:none;
	position:absolute;
	top:28px; z-index:0;
	padding:0; margin:0;
	width:100%; height:43px;	
	background:url(/circle/images/bg_menu.gif) repeat-x;
	font-size: 12px;
	font-weight:bold;
}

ul.menu li {
	float:left;	height:43px;
	background:url(/circle/images/icon_menu_divider.gif) no-repeat top right;
}

ul.menu li.title {
	float:none;
	background-image:none;
	padding:15px 16px 0px 16px;
}

ul.menu li a { color:#0066cc; display:block;}

a.noicon { padding:15px 16px 0px 16px;}
a.doubleArrow { padding:15px 16px 0px 28px; background:url(/circle/images/icon_double_arrow.gif) no-repeat 15px 16px}
a.create { padding:15px 16px 2px 37px; background:url(/circle/images/icon_create.gif) no-repeat 15px 13px}
a.tabOn { font-weight:bold; }
a.tabOff {font-weight:normal;}

#circleList {
	position:absolute;
	top:100px;left:16px;
	/*
	background-color:#dddddd;
	border:1px solid #000000;
	*/
	z-index:2;
	display:none;
	overflow:auto;
	height:196px;
}

/*
 * top Message box
 *****************************************/
#topMessage {
	position:relative;
	top:35px;
	height:95px;
	background:url(/circle/images/bg_banner.gif) repeat-x;
}

#circleTitle {
	position:absolute;
	top:17px; left:13px;
	/*text-align:center;*/
	color:#808080;
}

#shortcuts {
	position:absolute;
	bottom:14px;
	right:295px;
}

span.cap {
	background:url(/circle/images/icon_orange_ball.gif) no-repeat;
	font-weight:bold;
	font-size:24px;
	padding-left: 34px;
	color:#000;
}

a.redcircle {
	background:url(/circle/images/icon_bullet.gif) no-repeat 0px 2px;
	padding-left: 14px;
}

*:lang(en) a.redcircle {
	background:url(/circle/images/icon_bullet.gif) no-repeat !important;
}

a.addPost {
	background:url(/circle/images/icon_add.gif) no-repeat 3px 1px;
	padding-left: 21px;
}

a.rss {
	background:url(/circle/images/icon_rss.gif) no-repeat;
	padding: 1px 0px 4px 21px;
}

/*
 * search
 *****************************************/
#searchBox {
	position:relative;
	top:35px;
	background:url(/circle/images/bg_searchbox.gif) repeat-x;
	height:49px;
}

#searchForm {
	position:absolute;
	top:12px; left:12px;
}

#btnSearch { 
	border: 0;
	width:63px; height:22px;
	background:url(/circle/images/btn_search.gif) no-repeat; 
}

/*
 * footer
 *****************************************/
#footer {
	clear:both;
	position:relative;
	top:35px;
	padding:16px 0px;
	text-align: center;
	border-top:1px solid #cccccc;
}

/*
 * main section
 *****************************************/
#mainSection {
	position:relative;
	top:35px;
	margin:18px 0px 5px 0px;
}

#mainSection table {
	font-size: 12px;
}

#main {
	margin-left: 240px;
	width:363px;
}

#postList {
	border:4px solid #c5f6b7;
	width:354px;
	min-height:300px;
}

#postList ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#postList ul li.nrm {
	margin:0;
	padding:0;
	border-bottom:1px solid #cccccc;
}

#leftNav {
	position:absolute;
	width:224px;
}

ul.groupList { list-style-type:none; font-size: 12px; margin:0; padding-left:9px; height:43px;background:url(/circle/images/bg_groupList.gif) repeat-x}
ul.groupList li { float:left;	height:43px; margin-right:6px;}
ul.groupList li a { font-size:12px;font-weight:bold;color:#000000; display:block; padding:12px 5px; text-decoration:none;}
ul.groupList li.on { background:url(/circle/images/bg_tab_normal_on_right.gif) no-repeat top right; }
ul.groupList li.on a { background:url(/circle/images/bg_tab_normal_on_left.gif) no-repeat top left; }
ul.groupList li.off { background:url(/circle/images/bg_tab_normal_off_right.gif) no-repeat top right; }
ul.groupList li.off a { background:url(/circle/images/bg_tab_normal_off_left.gif) no-repeat top left; }

#groupList {
	clear:both;
	width:222px;
	height:290px;
	/*border:1px solid #cccccc;*/
	overflow:auto;
}

#groupList ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#groupList ul li {
	padding: 6px 2px 6px 28px;
	border-top:1px solid #cccccc;
}

.rightBox {
	width: 138px;
	background-color:#ffff99;
	border:1px solid #cc6600;
}

#rightNav {
	float:right;
	width:153px;
}

/*
 * dialog box
 *****************************************/
.dlgBox{
	position:absolute;
	background:url(/circle/images/popup_dialog_bg.gif) repeat-y;
	width:297px;
	z-index:10;
}

.dlgBoxTop {
	position:absolute;
	top:0px; left:0px;
	background:url(/circle/images/popup_dialog_top.gif) no-repeat;
	width:297px; height:3px;
}

.dlgBoxBottom {
	position:absolute;
	bottom:0px; left:0px;
	background:url(/circle/images/popup_dialog_bottom.gif) no-repeat;
	width:297px;height:7px;
}

.dlgBoxArrow {
	position:absolute;
	left:0px;top:70px;
	background:url(/circle/images/popup_dialog_arrow.gif) no-repeat;
	width:18px;height:22px;
}

/*
 * circle post
 *****************************************/
#circlePostList {
	width:100%;
	min-height:300px;
}

#circlePostList ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#circlePostList ul li.nrm {
	margin:0;
	padding:0;
	border-bottom:1px solid #cccccc;
}

/*
 * breadcrum
 *****************************************/
#breadcrumb {
	border-bottom: 2px solid #cccccc;
	color:#37498a;
	font-size:14px;
	font-weight:bold;
	padding:0px 0px 5px 0px;
}

#breadcrumb a {
	color:#0066cc;
	font-size:12px;
	font-weight:normal;
}

/*
 * My Circle post
 *****************************************/
#myCirclePost
{
	border:6px solid #d8d8fc;
	width:200px;
	margin-left:10px;
}

#myCirclePost .title
{
	background-color: #d8d8fc;
	color:#37498a;
	padding:7px 0px 10px 0px;
	font-size:15px;
	
}

#myCirclePost ul {
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:12px;
}

#myCirclePost ul li {
	padding: 5px 5px 5px 18px;
}

#myCirclePost ul li.hlt {
	background-color: #0066cc;
	color:#ffffff;
}

/*
 * form
 *****************************************/
.postForm, .postForm table {
	font-size:12px;
	font-weight:normal;
}

/*
 * templates
 *****************************************/
.box {
	border:1px solid #cccccc;
	background-color:#f6f6f6;
	padding:10px 14px;
	line-height:18px;
}
/*
 * templates
 *****************************************/
#leftColumn {
	width: 515px;
	padding:23px 0px 23px 13px;
}

#rightColumn {
	float: right;
	width: 220px;
	padding: 23px 18px 23px 0px;
}


a.doubleArrow2 {padding:0px 0px 0px 40px; background:url(/circle/images/icon_double_arrow2.gif) no-repeat 25px 2px}
a.create2 { padding:0px 0px 4px 40px; background:url(/circle/images/icon_create2.gif) no-repeat 21px 0px}


/*
 * drop down menu
 ****/
ul.dropdown, #circleList ul { list-style-type:none;padding:0; margin:0; background-color:#FFFFFF;
	border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-bottom:2px solid #999999; border-right:2px solid #999999; }
ul.dropdown li,#circleList ul li {  border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
ul.dropdown li a, #circleList ul li a {width:150px;  padding:5px; display:block; text-decoration:none;color:#37498A}
ul.dropdown li a:hover,  #circleList ul li a:hover { background-color:#37498A; color:#ffffff}


/*
 * nBox
 *****/
.nBox {
	border-bottom:1px solid #000;
	background-color:#FFF;
	padding-bottom:5px;
}

.nBox .nHeader {
	background-color:#C5DAFA;
	padding:5px;
	font-weight:bold;
	font-size:12px;
}

.nBox .nContent {
	padding: 15px 10px;
}

.nControls {
	background-color:#C5DAFA;
	padding: 10px;
	border-bottom:1px solid #fff;
}

/*
 * bBox
 *****/
.bBox {
	border:1px solid #0033cc;
	background-color:#eeeee2
}

.bBox .bHeader {
	background-color:#0033cc;
	color:#fff;
	padding: 5px 10px;
	font-weight:bold;
}

.bBox .bContent {
	padding: 15px 10px;
}

p.options label{
	width: 250px;
	float:left;
	display:block;
}

/*
 * oBox
 *****/
.oBox {
	background-color:#fff;
	margin:0px 3px;
	border-bottom:1px solid #000;
}

.oBox .oHeader {
	background-color:#f90;
	color:#000;
	padding: 5px 10px;
	font-weight:bold;	
}

.oBox .oContent {
	padding: 10px;
}

/* pageBlocker
****/
#pageBlocker {
	position: absolute;
	top: 0px; left: 0px; width: 100%;
	background-color: black;
	z-index: 10; display:none;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}

/* content block
****/
.contentBlock {
	backgorund-color: #FFF;
	border-bottom: 1px solid #000;
}

.contentBlockHeader {
	background-color: #c5dafa;
	padding: 5px 10px;
	font-weight:bold;
	font-family: verdana, arial;
}

.contentBlockBody {
	padding: 10px;
}

.contentBlockBody2{
	padding: 10px;
	background-color: #eee;
}

.disclaimer {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none}

.hdrBG{
	background-color: #c5dafa;
	padding: 5px 5px;
	font-weight:bold;
	font-size: 13px;
	font-family: verdana, arial;
}
.nmBG {
	background-color: #c5dafa;
	padding: 5px 5px;
	font-size: 11px;
}

a.sideLink {
	text-decoration:none;
	font-weight:bold;
}