body { font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:9pt; color:#ffffff; background-color:#CECECE;
text-align:center; /*to center old IE browsers*/
width:100%; margin:0px; padding:0px; }

a:link, a:visited { color:#0066FF; text-decoration:none;}
a:hover, a:active, a:focus { color:#FF9900; text-decoration:none;}



body p { padding:0.6em 0em 1em 0em; margin:0px; line-height:1.4em; color: #333}

h1 { padding:5px 0px 5px 0px; font-size:11pt; margin:0px; color:#666666;}
h2, legend { padding:5px 0px 5px 0px; font-size:11pt; margin:0em; color:#333333; font-weight: bold}
h3 { padding:5px 0px 5px 0px; font-size:10pt; margin:0em; color:#666666;}

#header { height:150px; background-color:#292929; }
#header p{ color: #fff; }

.statusbar1 { background-image:url(../images/headerbg1.jpg); background-position:top right; background-repeat:no-repeat; background-color:#292929; height:50px; padding:0px 30px 0px 0px; float:right; }
.statusbar1 a:link, .statusbar1 a:visited { color:#FF9900; text-decoration:none;}
.statusbar1 a:hover, .statusbar1 a:active, .statusbar1 a:focus { color:#ffffff; text-decoration:none;}
.statusbar1 p { margin:0px; padding:10px 0px 0px 0px;}
.statusbar1 form { padding:0px; margin:0px;}
.statusbar1 input { padding:0px; margin:0px 0px 0px 5px; height:20px; background-color:#000000; border:1px solid #333333; color:#ffffff; font-size:9pt; vertical-align:middle; line-height:20px;}

.statusbar2 { background-image:url(../images/headerbg2.jpg); background-position:top right; background-repeat:no-repeat; background-color:#292929; height:50px; width:50px; display:block; float:right; clear:none; }

.statusbar3 { background-image:url(../images/headerbg3.jpg); background-position:top left; background-repeat:no-repeat; background-color:#292929; height:50px; text-align:right; overflow:hidden; }

.titlebar { background-image:url(../images/headerbg4.jpg); background-position:top left; background-repeat:no-repeat; background-color:#292929; height:100px;}
.titlebar h1 { color:#ffffff; font-weight:lighter; font-size:18pt; padding:30px 0px 0px 30px; margin:0px;}

#container { /* div you want to stretch */
/*min-height:100%;*/ width:980px; position:relative; margin: 0 auto; text-align:left; }

#maincontent { background-image:url(../images/contentbg.jpg); background-position:top left; background-repeat:repeat-y; clear:both; text-align:left; background-color:#fff; margin:0px; padding:0px 30px; color: #333333; }

.categoriesbox { float:left; clear:none; width:190px;}

.contentbox { float:right; clear:none; width:710px; background-color:#ffffff; color: #333333 }
.contentbox p { padding:0.7em 0em 0.7em 0em; margin:0px; line-height:1.4em;}

table {color: #fff;}

.categoriesbox ul{ margin: 0; padding: 0; }
.categoriesbox ul li{ padding: 0; margin: 0; list-style: none; }

.categoriesbox ul li { background-color:#333333; line-height:25px; border-bottom:1px solid #212121;}
.categoriesbox ul li a:link, .categoriesbox ul li a:visited { background-color:#333333; width:155px; display:block; color:#fff; text-decoration:none; padding:0px 15px 0px 20px}
.categoriesbox ul li a:hover, .categoriesbox ul li a:active, .categoriesbox ul li a:focus { background-color:#999999; width:155px; display:block; color:#000; text-decoration:none; }

.categoriesbox ul li ul { background-color:#292929; line-height:25px; border-bottom:1px solid #212121;}
.categoriesbox ul li ul  a:link, .categoriesbox ul li ul  a:visited { background-color:#292929; width:145px; /*height:25px;*/ display:block; color:#E5E5E5; text-decoration:none; padding:0px 15px 0px 30px}
.categoriesbox ul li ul  a:hover, .categoriesbox ul li ul  a:active, .categoriesbox ul li ul  a:focus { background-color:#999999; width:145px; /*height:25px;*/ display:block; color:#000; text-decoration:none; }

.categoriesbox ul li ul li ul{ background-color:#292929; line-height:25px; border-bottom:1px solid #212121;}
.categoriesbox ul li ul li ul a:link, .categoriesbox ul li li ul a:visited { background-color:#292929; width:145px; height:25px; display:block; color:#E5E5E5; text-decoration:none; padding:0px 5px 0px 40px}
.categoriesbox ul li ul li ul a:hover, .categoriesbox ul li ul li ul a:active, .categoriesbox ul li ul li ul a:focus { background-color:#999999; width:145px; display:block; color:#000; text-decoration:none; }


/* CONTENT TABLE ROUNDED CORNERS */
.contentboxtl { background-image:url(../images/contenttop.jpg); background-position:top left; background-repeat:no-repeat; width:20px; background-color:#676767;}
.contentboxtr { background-image:url(../images/contenttop.jpg); background-position:top right; background-repeat:no-repeat; width:20px; background-color:#676767;}
.contentboxmid { background-image:url(../images/contenttop.jpg); background-position:top center; background-repeat:no-repeat; background-color:#676767;}
.contentboxmid h2 { color:#FFFFFF; padding:0px; margin:0px; font-size:8pt; font-weight:lighter;}
.contentboxbl { background-image:url(../images/contentbtm.jpg); background-position:bottom left; background-repeat:no-repeat; width:20px; background-color:#676767;}
.contentboxbr { background-image:url(../images/contentbtm.jpg); background-position:bottom right; background-repeat:no-repeat; width:20px; background-color:#676767;}

/* CATEGORY LINKS */
.mainlinks { background-color:#333333; line-height:25px; border-bottom:1px solid #212121;}
.mainlinks a:link, .mainlinks a:visited { background-color:#333333; width:155px; height:25px; display:block; color:#fff; text-decoration:none; padding:0px 15px 0px 20px}
.mainlinks a:hover, .mainlinks a:active, .mainlinks a:focus { background-color:#999999; width:155px; display:block; color:#000; text-decoration:none; }

.sublinks { background-color:#292929; line-height:25px; border-bottom:1px solid #212121;}
.sublinks a:link, .sublinks a:visited { background-color:#292929; width:145px; height:25px; display:block; color:#E5E5E5; text-decoration:none; padding:0px 15px 0px 30px}
.sublinks a:hover, .sublinks a:active, .sublinks a:focus { background-color:#999999; width:145px; height:25px; display:block; color:#000; text-decoration:none; }



#footer { color:#999999; background-color:#292929; height:110px; clear:both; padding:0px; margin:0px; background-image:url(../images/footerbg.jpg); background-position:top left; background-repeat:no-repeat; text-align:center; }
#footer a:link, #footer a:visited { color:#999999; text-decoration:none; }
#footer a:hover, #footer a:active, #footer a:focus { color:#fff; text-decoration:none; }

.mobaslogo { padding:20px 0px 0px 0px;}

/* FX */
.opacityit img { float:none; filter:alpha(opacity=60); -moz-opacity:.60;opacity:.60;}
.opacityit:hover img { float:none; filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}
.opacityit2 img { float:none; filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}
.opacityit2:hover img { float:none; filter:alpha(opacity=60); -moz-opacity:.60;opacity:.60;}



/* FONT STUFF */
.ucase { text-transform:uppercase; font-size:8pt;}
.ital { font-style:italic;}

/* COLOURS */
.fcol1 { color:#B3B3B3;}

/* BACKGROUND COLOURS */
.bgcol1 { background-color:#292929;}
.bgcol2 { background-color:#212121;}

/* FLOATS */
.fleft { float:left;}
.fright { float:right;}
.clearb { clear:both;}
.clearn { clear:none;}

/* PADDING */
.padt1t { padding-top:10px;}
.padt1b { padding-bottom:10px;}
.padt1r { padding-right:10px;}

/* MARGINS */
.margt1t { margin-top:10px;}
.margt1b { margin-bottom:10px;}

img{ border: none; }
li.current{ font-weight: 900; color: #FFCC33; font-style: italic; }
div.notification{ position: relative; color: #2F6500; background: #E2FFC8; border: 1px solid #D4FFAE; clear: both; width: 50%; margin-left: auto; margin-right: auto; padding: 0.5em; padding-bottom: 0; text-align: center; }

.nofication p{ color: #2F6500; }

div.error{ color: #E50808; background: #FCE1E1; border: 1px solid #FF9B9B; }

.error p{ color: #E50808; }

fieldset{ border: none; padding: 0; margin: 0; }
.hide{ display: none; }
form label{ display: block; clear: both; }
form ol{ padding: 0; margin: 0; }
form ol li{ margin: 0; list-style: none; padding: 5px; }
table{ color: #fff; }


.adminmenu, .admin, #tab-container-1-nav{ position: relative; background: #1a1a1a url(../images/admin_menu_bg.jpg) repeat-x top left; width: 80%; text-align: center; clear: both; margin-left: auto; margin-right: auto; margin-bottom: 10px; border: 1px solid #9d9d9d }

#tab-container-1-nav{ display: block; width: 94%; border: none; background: #1a1a1a url(../images/admin_menu_bg2.jpg) repeat-x top left;}

.admin{ border: 1px dashed  #CECECE;}

.adminmenu ul, .admin ul, #tab-container-1-nav{ padding: 0; margin: 0; }
.adminmenu ul li, .admin ul li, #tab-container-1-nav li{ position: relative; display: inline; padding: 0; margin: 0; padding: 20px; padding-left: 10px; padding-right: 10px; }
.adminmenu ul li a, .admin ul li a, #tab-container-1-nav li a{ color: #fff; padding-top: 5px; padding-bottom: 10px; line-height: 2em; }
form label, form legend{ color: #333333; }
.halfwidth h2{ font-weight: lighter; padding: 10px 0 5px 0; }
.halfwidth form legend{ padding: 10px 0 5px 0; }
.halfwidth h1, .halfwidth p, .halfwidth h2, .halfwidth form label, .halfwidth form legend{ color: #fff; }
table p{ color:#ffffff; }

.admin{ background: none; background-color: #E6E6E6}
.admin ul li a{ color: #333;}


.container table{ display: none;}

.admintable{ width: 94%; border: 1px solid #ccc; }

.admintable th{ background: none; background-color: #cccccc; color: #333333}

.admintable .bgcol2{ background-color: #fff; color: #333}
.admintable .bgcol1{ background-color: #E2E2E2; color: #333}

.admintable td:hover{ background-color: #E6E6E6; }
.admintablefooter{ display: none; }

.admintable.bgcol2{ background-color:#CCCCCC;}

.add, .edit, .delete, .back, .view{ padding-left: 20px; background: url(../images/icons/add_15px.png) no-repeat 0% 30%;}
.edit{ background-image: url(../images/icons/edit_15px.png)}
.delete{ background-image: url(../images/icons/delete_15px.png)}
.back{ background-image: url(../images/icons/back_15px.png)}
.view{ background-image: url(../images/icons/view_15px.png)}

.add2, .edit2, .delete2, .back2{ padding-left: 30px; background: url(../images/icons/add_20px.png) no-repeat 0% 30%;}
.edit2{ background-image: url(../images/icons/edit_20px.png)}
.delete2{ background-image: url(../images/icons/delete_20px.png)}
.back2{ background-image: url(../images/icons/back_20px.png)}


.assetlink, .categorylink, .languagelink, .rolelink, .clientlink, .userlink{}

.maindetail, .language, .category, .tags, .client, .styledform, .role{ background: url(../images/section_bg.jpg) repeat-x left bottom; padding-bottom: 10px; border-bottom: 1px dashed #cecece; width: 505px; padding-left: 10px; padding-right: 10px; position: relative; float: left; border-left: 1px dashed #e6e6e6; border-right: 1px dashed #e6e6e6; border-top: 1px dashed #e6e6e6; margin: 2px;}
.language, .category, .tags, .client{ width: 360px; }
.styledform fieldset{ border-bottom: 1px dashed #CCCCCC; padding-top: 15px; padding-bottom: 10px; margin-bottom: 10px;}
form em{ color:#FF0000; font-weight: bold;}


.hide{
	display: none;
}

.help p, .help h1{
	width: 300px;
	padding: 0;
	margin: 0;
}

.help p{
	border: solid 1px #b3ddc0;
	border-right: solid 1px #99bda4;
	border-bottom: solid 1px #99bda4;
	background: #51cd78 url(../images/help_bg.jpg) repeat-x center left;
	color: #333;
	padding: 3px;
	font-size: 0.8em;
}
.help h1{
	text-indent: -900px;
	background: url(../images/help_pointer.jpg) no-repeat bottom left;
	width: 300px;
	height: 15px;	
}
.pagination{
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.pagination ul li{
	display: inline;
	position: relative;
	padding: 5x;
}
.pagination ul li a, .pagination ul li span{
padding:5px;
border: 1px solid #ccc;
margin: 2px;
}
.pagination ul li span{
color: #333333;
}