.red { color:red; }
.green { color:green; }
.small { font-size:10px; }

#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; border:1px solid #e4f5ee; padding:1px; }
.formnice fieldset				{ margin-bottom: 10px; padding:10px; border:1px solid #E7E7E7; }
.formnice legend				{ color: #359dcd; font-size: 1.2em; font-weight:bold; }
.formnice p strong				{ float:left; width: 150px; color:#648175; font-weight:normal; font-size:1.2em }
.formnice p						{ border-bottom: 1px solid #fff; padding:10px; background:#f8fffc; margin:0; color:#898177 }
.formnice p small				{ clear:left; display:block; margin-left: 150px; margin-top:3px; color:#9e9e9e }
.formnice .red					{ background:#fff9e1; color:#d68181; border-bottom:1px solid #d68181; }
.formnice .red .inputtext		{ border-color:#d68181; }
.formnice p.submit				{ background:#e4f5ee }
#content .formnice p			{ margin:0 }

/* 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; }

/* INPUTS */
.inputtext { border:1px solid #ccc; padding:5px; color:#333; font:11px "Lucida Grande"; width:280px; }
.inputsubmit { background:#28756f; color:#fff; font: 13px 'Lucida Grande'; padding:3px; border:1px solid #244558; border-top:1px solid #5283a0; border-left:1px solid #5283a0; }
select { border:1px solid #ccc; padding:1px; font-size:1em; color:#555; font-family: "Lucida Grande", Arial, Helvetica; width:280px; }
option { padding:1px; }
textarea { border:1px solid #ccc; padding:3px; font-size:1em; color:#8e9298; font-family: Arial, Helvetica; width:280px;  }


/* table */
table.table						{ background:#fff; border:1px solid #BFD5E1; width:100%; font-size:11px; }
.table th						{ background: #50bd90; 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:#fffccf; }
.table .alt2					{ background:#f9fffd }

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

/* user cp */
#usercp_nav						{ padding:10px; background:#edfcfb; margin-bottom:15px; }
#usercp_nav ul					{ overflow:hidden; list-style:none;  }
#usercp_nav li a				{ float:left; font-size:11px; text-decoration:none; font-weight:bold; color:#5d807d;  margin-right:5px; background:#fff; border:1px solid #c6f2ef }
#usercp_nav li .selected, #usercp_nav li a:hover			{ background-color:#ff6600; color:#fff; border-color:#c3550c }
#usercp_nav li a span			{ padding:5px 10px 5px 10px; display:block;  }

.notes { background:#f1f9fc; padding:10px; border:1px solid #cedbe1; color:#3a515b; font-size:11px; margin-bottom:10px; line-height:15px }
.error { background:#FFDCCD; padding:10px; border:1px solid #FC7479; color:#78494B; font-size:11px; 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 { border-top:1px solid #fce9d2; margin-top:5px; font-size:11px; display:block; padding:10px 10px 10px 30px; background:#fdf3e8 url('/images/image-crop.png') no-repeat 8px 8px; text-decoration:none; color:#e78c21 }
.avatarbox .thumb .crop:hover { background-color:#ffe1bd; border-color:#ddac72 }

.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%; }


fieldset { margin-bottom: 10px; padding:10px; border:none; background:#fff; border:1px solid #eee}
legend { color: #a7cc5f; font:bold 15px/16px Arial; letter-spacing:-1px; background:#fff; }
fieldset a { color:#986f33 }
fieldset a:hover { color:#ea8c00 }

a.plus { padding-left:15px; background:url('/images/frame/icon_add.gif') no-repeat 0 4px;}

.option { cursor:pointer }
.featured { font-size:10px; text-transform:uppercase; padding:4px; color:#fff; background:red; }