/*general settings*/
body { 
	color:#3F3F3F;
	font-size: 63%;
	font-face:Arial;
	text-align: left;
	margin:0; 
	padding:0;
	background-color:#f5f5f5;
	}

#container{width:950px;background-color:#fff;margin:0 auto;padding:0 10px;border-left:5px solid #efefef;border-right:5px solid #efefef;}

a { color: #298fa0; text-decoration: none;}
a:hover { text-decoration: underline;}
img{border:0}

h1 { font: bold 1.8em Arial, Arial, Sans-Serif; color: #036DA7;margin-left:15px;}
h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 10px 0 0 10px; }
h3 { font: bold 1.2em Arial, Arial, Sans-Serif; clear:both;margin: 0px 0 10px 0; }
h5 { font: bold 1em Arial, Arial, Sans-Serif; padding: 0; margin: 5px 0 0 0; }

input.butt{background-color:#036DA7;padding:0 4px;color:#fff;border:1px solid #036DA7}

div#header {
	width:100%;
	background:#fff url(/images/header_bg.png) no-repeat scroll left bottom;
	display:block;
	height:70px;
	margin:0 auto;
	}
#header #welcome{float:right;font-size:1.2em;margin:10px 22px 0 0;}	
#header #sitelogo{float:left;margin:10px 0 0 15px;height:37px;width:154px;display:inline;}
#header #sitelogo img{border:0px;}
#header #sitelogo a{background:transparent;}
	
/* GLOBAL NAVIGATION */
ul#nav {
	list-style: none;
	padding:0;
	margin:44px 0 0 0;
	float:left;
	}
	ul#nav li {
		display: inline;
		float: left;
		margin-left: 5px;
  		vertical-align: bottom;
		}
		ul#nav a {
			background:#ffffff url(/images/nav/nav_bg_left.gif) no-repeat bottom left;
			cursor: pointer;
			float: left;
			padding: 0 0 0 3px;
			width: auto !important;
			width: 0.1em;
			white-space: nowrap;
			}
			ul#nav a span {
				background:#ffffff url(/images/nav/nav_bg_right.gif) no-repeat bottom right;
				color:#999999;
				cursor: pointer;
				display: block;
				float: left;
				font-size: 12px;
				font-weight: bold;
				height: 14px;
				line-height: 13px;
				padding-top: 7px;
				padding-bottom: 5px;
				width:85px;
				text-align:center;
				white-space: nowrap;
				}
		ul#nav a:hover {
			background:url(/images/nav/nav_bg_left.gif) no-repeat top left;
			text-decoration: none;
			}
			ul#nav a:hover span {color:#1EA2C1;}
		ul#nav li.current a {
			background:#ffffff url(/images/nav/nav_selected_left.gif) top left;				
			color:#ffffff;
			}			
			ul#nav li.current a span {
				background:#ffffff url(/images/nav/nav_selected_right.gif) top right;	
				color:#ffffff;
				}
		ul#nav li.current a:hover span {color:#ffffff;}
		ul#nav a:hover span { background-position: right top;}	

#content {margin-top:10px;}
		
#main {	float: left;width: 76%;margin-bottom: 1.2em;font-size:1.2em;font-face:Arial;padding-top:10px;}
#addpop #main{width:100%;}
#side {float: right;width: 23%;margin: 0 0 10px 0;font-size:1.2em;padding-top:10px;}
#mainone{margin:auto;width:690px;padding-top:10px;font-size:14px;line-height:130%;margin-bottom: 1.2em;min-height:300px;}
#mainone h2{margin-left:0;font-size:14px;}
#mainone h4{font-size:14px;border-bottom:1px solid #999;}
#mainone li{margin-bottom:10px;}
#mainone #content{margin:15px 0 15px;}
body#body #main{padding-top:3px}
body#user #main,body#my #main{float: right;width: 76%;margin: 0 0 10px 0;font-size:1.2em;padding-top:10px;}
body#user #side,body#my #side{float: left;width: 23%;margin: 0 0 10px 0;font-size:1.2em;padding-top:10px;}
body#my #main h3,body#user #main h3{background-color:#dfeaff;padding:3px 5px;}

/*general block settings*/
div.bluebox {
	background:#E7F7FA;
	padding:10px;
	margin-bottom:10px;
	}	
div.yellowbox {
	background:#FFF2CF;
	padding:10px;
	margin-bottom:10px;
	}
div.warmbox {
	background:#FFDCBF;
	padding:10px;
	margin-bottom:10px;
	}
div.darkbluebox {
	background:#33a0b7;
	padding:7px;
	color:white;
	margin-top:0;
	}		
div.darkbluebox a{color:white}		
div.pinkbox {
	background:#fce9ef;
	padding:10px;
	margin-bottom:10px;
	}		
div.graybox {
	background:#DFEAFF;
	padding:10px;
	margin-bottom:10px;
	}		

div#footerbox {
	background:#F1F6D7;
	padding:5px;
	margin-bottom:10px;
	clear:both;
	font-size:12px;
	text-align:center;
}	
	
/*css for view timeline*/
#panel{float:right;}
#sidepanel {border:1px solid #dfdfdf;margin-top:0;border-top: none;z-index:2;min-height:358px;height:auto !important;height:358px;}
#sidepanel #marker{background:url(/images/marker.gif);position:absolute;width:10px;height:22px;margin-left:-10px;margin-top:80px;}
.rightbox,#member {border:1px solid #dfdfdf;margin-top:10px;padding:8px;}

#tlaction {margin-top:5px;padding:1px 5px 3px;}
#tlusers {border:1px solid #dfdfdf;margin:5px 0 5px;padding:3px 5px;}
#tlusers h4{margin:3px 0;}
.clear{clear:both;}
.adduinfo{font-size:10px;color:orange;margin-left:2px;}
.deluser{font-size:12px;color:#999;}

.tabcontent{padding:8px;clear:both;}

ul#panelnav {padding:0;margin:0;padding-left:6px;border-bottom:1px solid #dfdfdf;z-index:1}
ul#panelnav  li{display:inline;overflow:hidden;}
ul#panelnav  li a.selected{font-weight:bold;border-bottom:2px solid #fff;background-color:#fff;}
ul#panelnav  li a{margin:0;text-align:center;border:1px solid #dfdfdf;padding:6px 10px 0;background-color:#f2f2f2;border-bottom:none;}

#my-timeline {height: 350px; border: 1px solid #39adc6;clear:both;}
body#body-in{margin:0;padding:0;}
body#body-in #my-timeline {margin-top:0;margin-bottom:0;font-size:12px;}
#alertarea{display:none;background-color:pink;padding:5px 10px;}
.warningtxt{color:red;}
#titlearea h2{margin-top:0;}
#my-timeline-mash{height: 350px; background-transparent;clear:both;position:absolute;}

#custom{clear:both;background-color:#f2f2f2;display:none;margin-bottom:10px;}
#custom .pd10{padding:10px;}
#custom label{width: 10em;float: left;text-align: right;margin-right: 0.5em;display: block;margin-bottom:0.5em;}
#custom {line-height:180%;}
#custom input{left : 110%;}
#custom input{margin-bottom:0.5em;}

/*css for main page*/
#login{}
#login input.text{width:120px;}

#my_tls img{border:0}
ul#dirlist{list-style:none;padding-left:15px;margin-left:0;}

.box-gray1{background:url(/images/fp_hd_gray_b.gif) top left no-repeat;margin-top:10px;padding:10px;}

#comments-container{background:url(/images/fp_hd_gray_b.gif) top left no-repeat;margin-top:10px;padding:10px;clear:both;}
#comments-container h4{font-size:14px;margin-top:10px;}
#comments-num{font-size:12px;margin-bottom:10px;}

.comm-item {clear:both;margin-bottom:15px;}
.comm-item #pic{float:left;}
.comm-item #comm-content{margin-left:80px;width:85%;}
.comm-item #comm-content .content {font-size:14px;}
.comm-item #comm-content .time{color:#999;}

#main2 {float: left;width: 62%;padding: 1em;margin-bottom: 1.2em;background: #eee;text-align: justify;font-size:1.2em;font-face:Arial;}
#side2 {float: right;width: 34%;margin: 0 0 10px 0;}
#side .box,#side2 .box {padding: 1em;margin: 0 0 1em 0;background : #FFF6BF;}
#side #itemlist{overflow:auto;clear:both;height:340px;}
#side #itemlist ul{list-style:none;}
#side #itemlist ul li{margin-left:10px;}
#side #itemlist ul li.timemarker{font-weight:bold;margin-left:0;margin-top:5px;}

.linkbutt{color:orange;}

/*style for creating timeline*/

input.nm,textarea.nm{width:300px;}
input.grey{color:#999;}
textarea.nm{width:300px;height:80px;}
.warning{color:#c30;}

#bottomarea #leftcol{float:left;width:49%;margin-top:10px;}
#bottomarea #rightcol{float:right;width:49%;margin-top:10px;}
#bottomarea #description{margin:10px 5px;font-size:1.2em;}
#bottomarea #timeline_info{margin:10px 5px;font-size:1.2em};

#createform {line-height:180%;}
#createform label{width:7em;float: left;text-align: right;margin-right: 0.5em;display: block;margin-bottom:0.5em;clear:left;}
#createform input.nm, #createform textarea.nm{width:300px;left : 110%;}
#createform input{margin-bottom:0.5em;}
#createform select{margin-bottom:0.5em;}
#createform input#submit{margin-left:10.5em;}
#createform #preview{margin-left:10em;}
#createform a#showendtime{margin-left:10em;}

#createevent label{width: 10em;float: left;text-align: right;margin-right: 0.5em;display: block;margin-bottom:0.5em;clear:both;}
#createevent {line-height:180%;}
#createevent input.nm,#createevent textarea.nm{width:400px;left : 110%;}
#createevent textarea.nm{height:200px;}
#createform input,#createform select{margin-bottom:0.5em;}

#event_info_edit {line-height:180%;}
#event_info_edit label{width: 10em;float: left;text-align: right;margin-right: 0.5em;display: block;margin-bottom:0.5em;clear:both;}
#event_info_edit input.nm{width:300px;left : 110%;}

body#event h2,body#eventedit h2{border-top:1px solid #dfdfdf;background:#f4f4f4;padding:8px 10px;margin-left:0;margin-top:5px;}
#list_comm,#post_comm{margin-top:10px;margin-left:10px;}
#event_content{margin:10px 0 10px 10px;font-size:14px;min-height:280px;}
#event_info_edit{margin:10px 0 10px 10px;font-size:12px;}
#event_nav{width:100%;margin-top:10px;}

.tl_container{padding:5px;margin-left:5px;width:70px;height:90px;overflow:hidden;}
.tl_container img{border:0}

.usual {
color:#111111;
margin:8px auto;
padding:15px 20px;
}
.usual ul
{
list-style: none;
padding: 0;
margin: 0;
}
.usual li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.usual ul a {
background:transparent;
color:#000;
display:block;
padding:6px 10px;
text-decoration:none !important;
}
.usual ul a:hover {
background:lightblue none repeat scroll 0%;
color:#000;
}
.usual ul a.selected {
background:lightblue none repeat scroll 0%;
color:#000000;
cursor:default;
margin-bottom:0pt;
}
.usual div {
clear:left;
padding:10px 10px 8px;
}
.usual div#tab1,.usual div#tab2{border:1px solid #999;}
form{margin:0}

.error{color:#cc3300;}
.formhelp{color:#666;}

.memberdiv{float:left;margin-right:5px;height:70px;overflow:hidden;}
.memberdiv img{border:0;}

.intro{color:#666;margin-top:5px;}

.succbox{position:relative;width:100%;background-color:#ccffcc;font-size:14px;border:1px solid #33cc66;text-align:left;margin-bottom:10px}
.warnbox{position:relative;width:100%;background-color:#FEFFBF;font-size:14px;border:1px solid #FFDC9F;text-align:left;margin-bottom:10px}
.failbox{position:relative;width:100%;background-color:#ffcccc;font-size:14px;border:1px solid #da260f;text-align:left;margin-bottom:10px}
#echoback p{margin:7px;}
.pinktips {background-color:#FFF3C2;border:1px solid #FFCCCC;margin:5px 0pt 10px 10px;padding:5px;
}

#features table{margin:5px 0;}

#features .title {
font-weight:bold;
font-size:1.2em;
margin-left:10px;
line-height:150%;
}
#features .desc {
font-size:1em;
margin-bottom:0.6em;
margin-left:10px;
}
#features .num{
float:left;
font-size:35px;
color:#fd892c;
}

ul#new_tl_list{margin-left:0;padding-left:19px;clear:left;}
ul#new_tl_list li{clear:both;}

#timelines{padding:10px 10px;clear:both;}
#timelines .listing{clear:both;margin:20px 8px 0 10px;}
#timelines .listing div.title{font-size:1.2em;font-weight:bold;margin-left:70px;}
#timelines .listing div.pic{margin-left:0px;float:left;}
#timelines .info{float:right;line-height:1.8em;}
#timelines .info .num{background-color:#39adc6;color:#fff;padding:2px 5px;}
#timelines .listing div.summary{margin-left:70px;margin-top:5px;}
#timelines .listing div.addinfo{margin-left:70px;color:#999;margin-top:3px;}

#events{padding:10px 10px;clear:both;}
#events .listing{clear:both;margin:20px 8px 0 10px;}
#events .listing div.title{font-size:1.2em;font-weight:bold;}
#events .info{float:right;line-height:1.8em;}
#events .info .num{background-color:#39adc6;color:#fff;padding:2px 5px;}
#events .listing div.summary{margin-top:5px;}
#events .listing div.addinfo{color:#999;margin-top:3px;}
#events .timg div.pic{margin-left:0px;float:left;}
#events .timg .title{margin-left:70px;}
#events .timg .summary{margin-left:70px;}
#events .timg .addinfo{margin-left:70px;}

/*style for pop-up window*/
.ipopbox{margin:8px;border:1px solid #e5e5e5}
.ipopbox .iheader{font-size:14px;font-weight:bold;border-bottom:1px dotted #999;padding:3px;background-color:#e5e5e5}
.ipopbox .ibody{font-size:12px;padding:3px;margin:10px 5px 5px 5px;}

/*style for box in my page*/
.mybox {float:left;width:100%;border:1px solid #dfeaff;margin-bottom:10px;}

/*style for sidebar */
#side .iheader{font-size:14px;font-weight:bold;margin-bottom:5px;}
#side .ibody{}

.l{float:left;width:30%;}
.r{float:right;width:70%;}

.emp{color:#fd892c;}

input#feed{width:400px;}

/*star rating related*/
#rating_status{color:orange;}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(/images/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
clear:none;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

/*page area*/
.paginator { padding: 10px; margin: 5px;text-align:center;}
.paginator a, .pageList .this-page {margin:0 3px;padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator a:visited {margin:0 3px;padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .break {padding: 2px 6px; border: none; background: #fff; text-decoration: none;}
.paginator .end {padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.paginator .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff;}
.paginator a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}
.paginator .ranking {display: block; margin-top: 0.5em; font-weight: bold;}
.paginator .ranking a {padding: 0; border: 0; background: transparent;}
.paginator .ranking a:hover {text-decoration: underline; color: #f60; background: transparent;}
.pageList .previouspage {padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.pageList .nextpage {padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}

/*general styles*/
.nomargin{margin:0;clear:none;}
a.addbutt{border:1px solid #666;background-color:lightyellow;padding:5px;font-size:16px;}

.popevent{background-color:#666;color:#fff;padding:8px;opacity: .9;filter: alpha(opacity=90);}
.popevent a{color:#fff;}
a.etags{padding:2px;}
a.swap{background-color:#33a0b7;color:#fff;padding:2px;}

/*google ad*/
.gad{margin:15px 0;clear:both;}

.resizecont{z-index:10000;width:721px;position:absolute;height:11px;margin-top:-12px;}
.resizehandler{cursor:se-resize;}

.searchwords{color:#c30;}

#searbar {
margin-top:5px;
margin-bottom:-5px;
}

#searbar .welstr{
text-align:right;
margin-bottom:10px;
}

#searbar span {
height:14.8px;
display:block;
line-height:14.8px;
float:right;
position:relative;
margin:0;
}

#searbar span.submit {
width:44px;
height:20px;
background:url(/images/search.gif) no-repeat;
text-align:right;
padding:3px 7px 0 0;
}

#searbar span.submit a {
letter-spacing:4px;
}

#page_focus {
border:1px solid #CCCCCC;
height:16px;
margin:0 10px 0 5px;
padding:2px 0 0 2px;
width:171px;
}

.hidesub{
display:none;
position:absolute;
}

#searbar .up {
display:none;
vertical-align:top;
}

#searbar .down {
display:inline;
vertical-align:top;
}

#dsearch{
display:none;
position:absolute;
text-align:center;
width:69px;
background:#fff;
border:1px solid silver;
top:19px;
left:-51px;
z-index:100;
padding:5px 0;
}

#dsearch a{
display:block;
text-decoration:none;
padding:3px;
}

#InBox table { font-size: 12px; margin:0px; padding:2px;}
#InBox td { border-bottom: 1px solid #E5E5E5; }
#InBox th { text-align: left; }
#InBox p { margin-bottom: 10px; }
#InBox .Head { font: bold 12px Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 0px; color: #fff; background: #666; }
#InBox h4 { font: 11px Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 0px; color: #666666; }
#InBox h5 { font-size: 12px;margin-bottom: 0px; margin-top:20px;padding-bottom: 0px; color:rgb(106,106,106);font-weight:normal}
#InBox .unread { font-weight: bold;}
#InBox .read { font-weight: normal; }
#InBox .replied { font-style: italic; color: #333333; }
#InBoxDel { font-size: 90%; border-bottom: 1px solid #FF66CC; background: #FFFFFF; text-align: center; }

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}