.red { color:red; }
.green { color:green; }

#im_addmore						{ background:url('/images/frame/icon_add.gif') 0 2px no-repeat; padding-left:10px; font-size:0.9em; }
.ims							{ display:block }

/* forms */
.formnice						{ background:#fff; }
.formnice fieldset				{ margin-bottom: 10px; padding:10px; border:1px solid #E7E7E7; }
.formnice legend				{ color: #359dcd; font-size: 1.2em; font-weight:bold; }
.formnice strong				{ float:left; width: 150px; }
.formnice p						{ border-bottom: 1px solid #e7ebee; padding:10px; background:#fefefe; overflow:hidden }
.formnice p small				{ display:block; margin-left: 150px; margin-top:3px; color:#9e9e9e }
.formnice .red					{ background:#ffebeb; color:#d68181; border-bottom:1px solid #d68181; }
.formnice .red .inputtext		{ border-color:#d68181; }


/* INPUTS */
.inputtext { border:1px solid #ccc; padding:3px; color:#8e9298; font:11px Verdana; }
.inputsubmit { background:#278bce; color:#fff; font: 11px Verdana; padding:3px; border:1px solid #1d73ad; border-top:1px solid #8bc9f3; border-left:1px solid #8bc9f3; }
select { border:1px solid #ccc; padding:1px; font-size:1em; color:#555; font-family: Verdana, Arial, Helvetica; }
option { padding:1px; }
textarea { border:1px solid #ccc; padding:3px; font-size:1em; color:#8e9298; font-family: Verdana, Arial, Helvetica; width:220px;  }


/* table */
table.table						{ background:#fff; border:1px solid #BFD5E1; }
.table th						{ background: #3D95E6; color:#fff; padding:5px; }
.table	td						{ padding:7px; color:#555; vertical-align:top; text-align:left; }
.table table td					{ padding:3px; }
.table .alt1					{ background:#fff }
.table .alt1:hover,
.table .alt2:hover				{ background:#E1F2FB; }
.table .alt2					{ background:#E8F5F5 }

.table li						{ text-align:left; font-size:0.9em; padding-bottom:4px; }
.table ul						{ margin-left:10px; margin-top:5px; padding:0; }
.center							{ text-align:center; }

/* inplace */
.inplace_cancel, .inplace_save	{  background:#28756f; color:#fff; font-size:1em; padding:2px; font-family: "Lucida Grande", Helvetica, Verdana; border:1px solid #244558; border-top:1px solid #5283a0; border-left:1px solid #5283a0; margin: 0 10px;  }
.inplace_field					{ border:1px solid #A3B7D7; padding:3px; font-size:1em; color:#8e9298; font-family: "Lucida Grande", Helvetica, Verdana; width: 120px; margin-bottom:2px; }


/* user cp */
#usercp_nav						{ padding:10px 10px 0 10px; background:#85cdff; margin-bottom:15px; }
#usercp_nav ul					{ overflow:hidden; }
#usercp_nav li					{ list-style:none; display:inline; }
#usercp_nav li a				{ float:left; font-size:11px; text-decoration:none; font-weight:bold; color:#718CB5;  margin-right:5px; background:#C8DAF4; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
#usercp_nav li a:hover			{ background-color:#ff4141; color:#fff; }
#usercp_nav li a span			{ padding:5px 10px 5px 10px; display:block;  }
#usercp_nav li .selected		{ background-color:#fff; color:#333; }
#usercp_nav li a img			{ vertical-align:bottom }

#cp_editpro fieldset { margin-bottom: 15px; display:block; overflow:hidden; }
#cp_editpro fieldset legend { display:block; width:100%; margin-bottom:10px; padding-bottom:5px; font:bold 18px Arial; color:#259afd; border-bottom:1px solid #a2b8ca}
.formnice label { cursor:pointer }

.notes { background:#FFFFCD; padding:10px; color:#85856E; margin-bottom:10px; }
.error { background:#FFDCCD; padding:10px; color:#78494B; margin-bottom:10px; }
.notes a,.error a { color:#FC0204; }

.avatarbox { overflow:hidden }
.avatarbox .large { width: 280px; text-align:center; float:left; border-right:1px solid #ccc; padding-right:20px; margin-right:20px; }
.avatarbox .large img { border:4px solid #ddd; }
.avatarbox .thumb { float:left; }
.avatarbox .thumb img { border:4px solid #ddd }
.avatarbox .thumb .crop { margin-top:5px; font-size:11px; display:block; padding:10px 10px 10px 30px; background:278bce; #text-decoration:none; color:#fff }

.cropavatar { overflow:hidden }
.cropavatar .preview { float:right; padding:15px; background:#f8f8f8 }
.cropavatar .image { margin-bottom:10px }

/* login related 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#loginbox { margin-bottom:20px; }
#loginbox p { margin-bottom:4px; }

#login { padding:5px; margin:5px 0; background:#f5f5f5; }
#login p { padding: 5px; margin-bottom: 5px;  }
#login div { padding:5px; text-align:left; }
#login p strong { display: block; color:#333}
#login .f { font-size:1.3em; padding:5px; width:300px; border:1px solid #ccc; }
#login p.bottom { margin:0; font-size:11px; }

.resizehandle { background:transparent url("/images/frame/resizer.png") no-repeat scroll 50%;	cursor:s-resize; font-size:0.1em; height:16px; width:100%; }

.option { cursor:pointer }