/* common */
* {
border:0 none;
font-size:1em;
list-style:none outside none;
margin:0;
outline:medium none;
padding:0;
text-decoration:none;
}

body {
	background:url("../image/grungy-bg.gif") repeat scroll 0 0 #D3EAEC;
	color:#333333;
	font-family:helvetica-neue,helvetica,arial,sans-serif;
	font:12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;	
}

div, address, ol, ul, li, option, select {
	margin-bottom:0;
	margin-top:0;
}

h1, h2, h3, h4, h5, h6 {
	font-family:arial,sans-serif;
}

a, a.visited {
	color: #3787A8;
}

.right {
	float:right;
}

.align_left {
	margin-left:0;
	margin-right:20px;
}

.align_right {
	margin-left:20px;
	margin-right:0;
}

.padding_5 {
	padding:5px;
}

.padding_15 {
	padding:15px;
}

.border_round {
	-moz-border-radius:6px 6px 6px 6px;
	-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.15);
	-webkit-border-radius:6px 6px 6px 6px;
	-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.15);
	border:1px solid #CCCCCC;		
	background:none repeat scroll 0 0 #FFFFFF;
}

.bg_white {
	background:none repeat scroll 0 0 #FFFFFF;	
}

/* #page_header */
#page_header {
	height:46px;
	background:none repeat scroll 0 0 #224466;
}

#page_header .logo {
	float:left;
	padding:10px 0;
	line-height:23px;	
}

#page_header .logo a {
	font-size:18px;
	line-height:20px;
	color:#FBB821;	
	text-decoration:none;
	text-transform:capitalize;
	font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Times","'Times New Roman'",serif;
}

#page_header ul#network_navigation  {
	line-height:24px;
	margin:0;
	padding:10px 0 10px 15px;
	float:left;	
}

#page_header ul#network_navigation li {
	float:left;
	margin:0;
	padding:0 8px 0 0;	
	list-style:none outside none;
}

#page_header ul#network_navigation li a {
	color:#73CACF;
	font-size:12px;
	text-decoration:none;
}

#page_header .navigation {
	padding:10px 0;
}

#page_header .navigation .button {
	float:right;
	margin:0 0 0 10px;
}

#page_header ul#auth_navigation  {
	line-height:24px;
	margin:0;
	padding:0;
	float:right;	
}

#page_header ul#auth_navigation li {
	float:left;
	list-style:none outside none;
	margin:0;
	padding:0;
}

#page_header ul#auth_navigation li .button {
	float:none;
	margin:0 0 0 10px;
}


/* #page_body */
#page_body {
	background: transparent;	
}

#page_body_cloud  {
	background:url("../image/clouds.png") no-repeat scroll center top transparent;
	*background:transparent;
	height:200px;
	z-index:-1;
}

#page_body_cloud , #page_body_bird {
	left:0;
	position:absolute;
	top:46px;
	width:100%;
}

#page_body_bird  {
	background:url("../image/birds.gif") no-repeat scroll center top transparent;
	height:233px;
	top:121px;
	*top:30px;	
	z-index:-2;
}


/* #page_footer */
#page_footer {
	padding:0;	
	color:#224466;	
	font-size:10px;
	font-family:Helvetica,Arial,sans-serif;	
	text-shadow:0 1px 0 #FFFFFF;	
}

#page_footer a {
	color:#224466;	
}

#page_footer .liaboc {
}

#page_footer .link {
	float:right;
}


/* #object_header */
#object_header {
	padding-top:15px;
	color:#FFFFFF;
}

#object_header .container_12{
	position:relative;
}

#object_header .logo a {
	line-height:36px;
	font-size:36px;	
	color:#73CACF;
	text-decoration:none;
	text-shadow:1px 1px 0 #A7C5CD;
	font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Times","'Times New Roman'",serif;
}

#object_header .slogan {
	padding-left:3px;
	font-size:10px;	
	color:#A7C5CD;
	font-style:italic;
}

#object_header .search {
	position:absolute;
	bottom:0;
	right:0;
}

#object_header .search div.srchfieldLayer { 
  	background:transparent url(../image/searchBg.gif) no-repeat scroll 0 0; 
  	display:inline; 
  	float:left; 
  	padding:0 0 0 5px; 
  	position:relative !important; 
  	vertical-align:baseline; 
  	width:190px; 
  	z-index:1000000; 
  	margin-right:10px; 
  	*margin-right:5px; 
  	line-height:25px; 
}

#object_header .search div.srchfieldLayer div {	
	background:transparent url(../image/searchBg.gif) no-repeat scroll right -24px; 
	padding:0 5px 0 0; 
	position:relative !important; 
	z-index:1000000; 
}  

#object_header .search div.srchfieldLayer div div { 
	background:transparent url(../image/searchBg.gif) repeat-x scroll 0 -48px; 
	height:17px !important; 
	padding:1px 0 6px; 
	*padding:2px 0 4px; 
	position:relative !important; 
	z-index:1000000; 
}

#object_header .search .srchTextfld { 
	color:#666666; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;	
	height:14px; 
	margin:0px 5px 0 5px; 
	*margin:0px 5px 0 5px; 
	width:175px !important; 	
	*width:180px !important; 
	border:none;
}         

#object_header .search .srchTextfld:hover, #object_header .search .srchTextfld:focus  { 
	color:#666666; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;	
	height:14px; 
	margin:0px 5px 0 5px; 
	*margin:0px 5px 0 5px; 
	width:175px !important; 	
	*width:180px !important; 
	border:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;	
}      
     
#object_header .search div.srchChoice { 
	display:inline; 
	float:left; 
	margin-right:5px; 
	line-height:25px; 
	font-size:10px; 
}

#object_header .search div.srchChoice input{ 
	font-size:10px; 
	margin-top:5px; 
	*margin-top:0px;
}       
#object_header .search div.srchChoice label{ 
	color:#645E58;
	font-size:10px;
}         

#object_header .search div.srchButton { 
	background:transparent url(../image/searchBg.gif) no-repeat scroll 0 -72px; 
	display:inline; 
	float:left; 
	height:24px; 
	margin:0 0 0 3px; 
	padding:0 0 0 5px; 
}     

#object_header .search div.srchButton div { 
	background:transparent url(../image/searchBg.gif) no-repeat scroll right -120px; 
	padding:0 5px 0 0;
}

#object_header .search div.srchButton div input#sbb {
	background:transparent url(../image/searchBg.gif) repeat-x scroll 0 -96px; 
	color:#215191 !important; 
	cursor:pointer; 
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:10px; 
	height:24px; 
	*height:24px; 
	padding:2px 2px 4px 0; 
	*padding:4px 0px 5px 0px; 
	-moz-border-radius:0;
	-webkit-border-radius:0;	
	border:none;
}

/* #object_body */
#object_body {
	margin:15px 0 5px;	
}

#object_body .container_12 {
	min-height:300px;
}

#object_body .navigation {
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;	
	background:url("../image/navigation.png") repeat-x scroll 0 0 transparent;
	height:60px;
	line-height:60px;	
	text-shadow:1px 1px 0 #C8C8C8;	
	padding-left:15px;			
}

#object_body .navigation li {
	float:left;
	margin-left:0;
	margin-right:15px;
	color:#666666;	
	font-size:14px;
}

#object_body .navigation li a {
	color:#666666;
}

#object_body .navigation li a.selected {
	color:#df4729;
	text-shadow:1px 1px 0 #E3E3E3;		
}

#object_body .summary {
	position:relative;
	padding:15px;
	border-bottom:1px dotted #CCCCCC;
}

#object_body .summary .breadcrumbs {
	font-size:85%;
	color:#73CACF;
}

#object_body .summary .breadcrumbs a {
	color:#73CACF;
}

#object_body .summary .calsheet {
	float:left;
	margin:3px 8px 0 0;
	*margin:2px 3px 0 0;
	text-align:center;
}

#object_body .summary .calsheet span.calSheet {
	margin-bottom:10px;
	display:block;
	text-align:center;	
}
#object_body .summary .calsheet span.calSheet span {
	display:block;
	float:left;
	width:100%;
}
#object_body .summary .calsheet span.calSheet span.month {
	background:none repeat scroll 0 0 #D51007;
	border:1px solid #D51007;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.1em;
	text-align:center;
	text-transform:uppercase;
	font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Times","'Times New Roman'",serif;
}
#object_body .summary .calsheet span.calSheet span.day {
	background:none repeat scroll 0 0 #FFFFFF;
	border-color:-moz-use-text-color #CCCCCC #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	color:#000000;
	font-weight:bold;
	letter-spacing:-0.1em;
	line-height:1.4em;
	font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Times","'Times New Roman'",serif;
}
#object_body .summary .calsheet span.calSheetSmall {
	width:25px;
}
#object_body .summary .calsheet span.calSheetSmall span.month {
	font-size:9px;
	height:10px;
}
#object_body .summary .calsheet span.calSheetSmall span.day {
	font-size:14px;
}

#object_body .summary .avatar {
	float:left;
	margin-right:5px;	
}

#object_body .summary h1 {
	color:#222222;
	margin-bottom:10px;
	font-size:15px;
	font-weight:bold;	
}

#object_body .summary h1.title {
	line-height:20px;
	font-size:18px;
	margin-bottom:0;
}

#object_body .summary span.dateandtime {
	display:block;
	color:#CCCCCC;
	font-size:10px;
	font-weight:bold;
		margin-bottom:10px;	
}

#object_body .summary .time {
	position:absolute;
	right:15px;
	top:15px;
	font-size:85%;	
	color:#C8C8C8;
	display:none;
}

#object_body .summary p {
	margin-bottom:15px;
}

#object_body .promotion {	
	padding-top:15px;
}

#object_body .toolbar {
	padding:15px;	
	height:23px;
}

#object_body .toolbar a {
	margin-right:8px;
}

#object_body .toolbar .addthis_toolbox {
	float:right;
}

#object_body .body {
	padding:0 15px;
	margin-bottom:30px;
}

#object_body .body li {
	margin-left:0;
}

#object_body .thread {
	padding:5px;
	border-bottom:1px dotted #CCCCCC;
}

#object_body .thread.first {
	border-top:1px dotted #CCCCCC;
}

#object_body .thread.last {
	margin-bottom:20px;
}

#object_body .thread .avatar {
	float:left;
	margin-right:5px;
}

#object_body .thread .body {
	float:left;
	margin:0;
}

#object_body .thread .body p {
	margin:0;
	width:545px;
}

#object_body .thread .body span.meta {
	display:block;
}
#object_body .thread .body span.title {
	display:block;
	width:545px;
}
#object_body .thread .body span.dateandtime {
	display:block;
	color:#CCCCCC;
	font-size:10px;
	font-weight:bold;	
}

/* #object_footer */
#object_footer {
}

/* message */
/* Plain, Simple Alert */
div.warning, div.error, div.success, div.info { margin: 0 0 18px; padding: 9px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,0.01); }
div.warning a, div.error a, div.success a, div.info a { color: #fff; font-weight: bold; text-decoration: underline; }

/* Warnings */
div.warning { background-color: #FBB821;  }
div.warning small { color: #d17200; }

/* Errors */
div.error { background-color: #df4729; color: #fff; }
div.error strong { color: #fff; }
div.error small { color: #930; }

/* Success */
div.success { background-color: #a5c941; color: #fff; }
div.success strong { color: #fff; }
div.success small { color: #360; }
	
div.info { background-color: #73cacf; color: #fff; }
div.info small { color: #007d9a; }

/* PAGINATOR */ 
.paginator { margin-top:-4px; font-size:10px; text-align:right; }  
.paginator span, .paginator a { font-size:10px; }   
.paginator .prev-na, .paginator .next-na { border:1px solid #ccc; background-color:#f9f9f9; color:#aaa; font:bold arial; padding:.3em; } 
.paginator .prev, .paginator .prev-na { border:1px solid #ccc; background-color:#f9f9f9; color:#aaa; margin-right:.5em; padding:.3em; }
.paginator .next, .paginator .next-na { border:1px solid #ccc; background-color:#f9f9f9; color:#aaa; margin-left:.5em; padding:.3em; } 
.paginator .pages { font:normal verdana; border:1px solid #ccc; background-color:#f9f9f9; margin:0em .25em; color:#006000; padding:.3em; } 
.paginator .curr { border:1px solid #ccc; background-color:#f9f9f9; color:#aaa; font-weight:bold; padding:.3em; }

/* form */
.smartform fieldset {
	margin:0 0 15px;
}

.smartform legend {
	font-weight:bold;
	font-size:1.2em;
}

.smartform .errorlist li {
	margin-left: 0;
}

.smartform .form_label {
	padding-bottom:8px; 
	font-weight: bold;
}

.smartform .form_field {
	padding-bottom:13px;
	text-align:left;	
}

.smartform .form_field span{
	margin: 0 0 0 10px; 
	vertical-align:baseline;
}

.smartform .form_label.errors, .smartform .form_field.errors {
	color:#CC0000;
}

.smartform .form_field.errors input, .smartform .form_field.errors select, .smartform .form_field.errors textarea {
	border:1px solid #FBC2C4;
}

.smartform .form_field.errors input:focus, .smartform .form_field.errors select:focus, .smartform .form_field.errors textarea:focus {
	border-color:rgba(223, 71, 41,.75)!important;
	box-shadow:0 0 8px rgba(223, 71, 41,.5);
	-moz-box-shadow:0 0 8px rgba(223, 71, 41,.5);
	-webkit-box-shadow:0 0 8px rgba(223, 71, 41.5);	
}

.smartform .form_help {
	padding-bottom:24px; 
	margin-left:8px;
	font-size:12px;
}

.smartform .form_error {
	text-align:left;
	margin-bottom:10px;
}

.smartform .form_error .errorlist li {
	color:#CC0000;
	margin-left: 8px;
}


.smartform label {
	padding-bottom:8px;
	font-size:12px;
	font-weight:bold;
}

.smartform input {
	width:300px;
	padding:5px;
	font-size:1.5em;
}

.smartform textarea {
	width:390px;
	height:250px;
	padding:5px;
}

.smartform input[type="text"], .smartform input[type="password"] {
	width:12em;
}

.smartform input[type="text"], .smartform input[type="password"], .smartform textarea {
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;	
}

.smartform input[type="text"], .smartform input[type="password"], .smartform textarea, .smartform select, .smartform checkbox {
	border:1px solid #AAAAAA;
	padding:4px 2px;
}


.smartform input, .smartform textarea, .smartform select {
	border:1px solid #bbb;
}

.smartform input:focus, .smartform textarea:focus, .smartform select:focus {
	border:1px solid #666;
}

.smartform button {
background-color:#F5F5F5;
border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE;
border-right:1px solid #DEDEDE;
border-style:solid;
border-width:1px;
color:#565656;
*cursor:pointer;
*font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
*margin:0.7em 0.5em 0.7em 0;
*padding:5px 10px 5px 7px;
}

input.submit, button, input[type="submit"], input[type="button"], input[type="file"] > input[type="button"] {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;	
	background-color:#E6E6E6;
	border:1px solid #CCCCCC;
	color:#000000;
	cursor:pointer;
	font-size:x-small;
	padding:4px 8px;
	vertical-align:top;
}

input.submit:hover, button:hover, input[type="submit"]:hover, input[type="file"] > input[type="button"]:hover {
	background-color:#D5D5D5;
}

input[type="text"], input[type="password"], select, textarea {
	border:1px solid #AAAAAA;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus{
	outline:none;
	border-color:rgba(82,168,236,.75)!important;
	box-shadow:0 0 8px rgba(82,168,236,.5);
	-moz-box-shadow:0 0 8px rgba(82,168,236,.5);
	-webkit-box-shadow:0 0 8px rgba(82,168,236,.5);
}


/* button */
.btn, input.btn[type="submit"], input.btn[type="button"] {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	background:url("../image/bg-btn.gif") repeat-x scroll 0 0 #DDDDDD;
	border-color:#DDDDDD #DDDDDD #CCCCCC;
	border-style:solid;
	border-width:1px;
	color:#333333;
	cursor:pointer;
	font:normal 12px "Lucida Grande",Arial,Sans-serif;
	margin:0;
	overflow:visible;
	padding:4px 8px 5px;
	text-shadow:1px 1px 0 #FFFFFF;
	width:auto;
}

.btn:hover, .btn:focus, input.btn[type="submit"]:hover, input.btn[type="submit"]:focus, button.btn:hover, button.btn:focus {
	background-position:0 -6px;
	border-color:#999999 #999999 #888888;
	color:#000000;
	text-decoration:none;
}

.btn-m, input.btn-m[type="submit"], input.btn-m[type="button"] {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;	
	background-position:0 -200px;
	font-size:15px;
	line-height:20px !important;
	padding:5px 15px 6px;
}

.btn-m:hover, .btn-m:focus, input.btn-m[type="submit"]:hover, input.btn-m[type="submit"]:focus, button.btn-m:hover, button.btn-m:focus {
	background-position:0 -206px;
}

#btn-blue {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;	
	background:url("../image/bg-btn-blue.png") repeat-x scroll 0 0 #3399DD;
	border:1px solid #3399DD;
	color:#FFFFFF;
	font:bold 12px "Lucida Grande",Arial,Sans-serif;
	margin:0 5px 0 0;
	padding:4px 10px 5px;
	text-shadow:0 1px 0 #224466;
	width:auto;
}

#btn-blue:hover, #btn-blue:focus{
	background-position:0 -5px;
	cursor:pointer;
}

#btn-orange {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;	
	background:url("../image/bg-btn-orange.png") repeat-x scroll 0 0 #FFAA22;
	border:1px solid #FFAA22;
	color:#333333;
	font:bold 12px "Lucida Grande",Arial,Sans-serif;
	margin:0 5px 0 0;
	padding:4px 10px 5px;
	text-shadow:0 1px 0 #FFEE66;
}

#btn-orange:hover, #btn-orange:focus {
	background-position:0 -5px;
	color:#111111;
}

/* app.profile.auth */
#page_body.app_profile_auth {
	margin:7em 0;
}

/* app.liaboc.company */
#page_body.app_liaboc_company {
	margin:5em 0 1em 0;
}


/* two col template */
#col_1 {
	padding-bottom:50px;	
}
#col_1 .summary {
	padding:15px 5px 0 5px;	
}
#col_1 .summary .time {
	right:5px
}
#col_1 .toolbar {
	padding:15px 5px 15px 5px;	
}
#col_1 .body {
	padding:0 5px;	
}

#col_2 .box {
	padding:15px 5px;	
}
#col_2 h3 {
	font-size:14px;
	margin-bottom:5px;
}
#col_2 li {
	margin-left:10px;
}

/* app.group.post */
.body .group_post .smartform input[type="text"], .body .group_post .smartform input[type="password"] {
	width:24em;
}

.body .group_post .smartform textarea {
	width:36em;
}