/* --------------------------------------------------------------
   GLOBAL
-------------------------------------------------------------- */

form {
	margin: 0px;
}

body,td,input,select,textarea {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:12px;
}

a {
	color: #000000;
}

a:hover {
	text-decoration: none;
}

.header{
    color:#ffffff;
	font-size:14px;
	font-weight:700;
}

table.wrapper {
	width: 100%;
}

table.wrapper td{
	padding: 5px;
}
#side_menu{
    background-color:#000000;
    border-left:1px solid #CFE2FF;
	float:right;margin:0;
	padding:15px;
	text-align:left;
	width:219px;
}
	
#side_menu ul{
    list-style:none;
	margin:0 0 10px;
	padding:0;
}
	
#side_menu ul li{
    line-height:25px;
	margin:0;padding:0;
	
}		
/* --------------------------------------------------------------
   HEADINGS
-------------------------------------------------------------- */

.heading {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
}

.heading2 {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 13px;
	font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}

.heading3 {
    font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

h5{border-bottom:1px solid #F5F5F5;color:#333;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}

/* --------------------------------------------------------------
   INFO BOXES
-------------------------------------------------------------- */

.contentbox {
	width: 96%;
	text-align: center;
	border: 1px dashed #cccccc;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------
   CLIENT AREA NAVBAR
-------------------------------------------------------------- */

.clientarealinks {
    background-color: #f7f7f7;
    padding: 10px;
}

.clientarealinks a {
	color: #555555;
}

/* --------------------------------------------------------------
   TABLES
-------------------------------------------------------------- */

table.topnavbar {
	width: 100%;
}

tr.topnavbar {
	background-color: #efefef;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #000000;
	text-decoration: none;
}

.navboxlinks td {
    border-bottom: 1px dotted #cccccc;
}

tr.topnavbar a:hover {
	color: #666666;
}

table.frame {
	width: 100%;
	border: 1px solid #e0e0e0;
	padding: 0px;
}

.fieldarea {
	background-color: #f7f7f7;
	text-align: right;color: #000000;
}

.clientareatable {
	width: 100%;
	background-color: #cccccc;color: #000000;
}

tr.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #FFFFE2;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #E9FFD2;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #FFE1E1;
	text-align: center;
}

/* --------------------------------------------------------------
   NETWORK ISSUES
-------------------------------------------------------------- */

.networkissuessummary {
    background-color: #f6f6f6;
    border: 1px dashed #cccccc;
    padding: 10px;
    text-align: center;
}

.networkissuesopen {
    font-size: 16px;
    font-weight: bold;
    color: #65CC00;
    padding-right: 20px;
}

.networkissuesscheduled {
    font-size: 16px;
    font-weight: bold;
    color: #EEDD00;
    padding-right: 20px;
}

.networkissuesclosed {
    font-size: 16px;
    font-weight: bold;
    color: #888888;
}

.networkissuedescription {
    border-left: 5px solid #efefef;
    padding: 20px;
    padding-top: 1px;
}

.networkissueaffected {
    background-color: #FDFCDD;
    padding: 10px;
    margin-top: 10px;
}

/* --------------------------------------------------------------
   SUPPORT TICKETS
-------------------------------------------------------------- */

.clientticketreplyheader {
    margin-top: 20px;
    background-color: #92BDEA;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.clientticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/clientticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px; 
}

.adminticketreplyheader {
    margin-top: 20px;
    background-color: #888888;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.adminticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/adminticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px; 
}

.closeticket {
    border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
    color: #cc0000;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */

.textblack {
	color: #000000;
}

.textblue {
    color: #224488;
}

.textgreen {
	color: #779500;
}

.textgrey {
	color: #888888;
}

.textgold {
    color: #ffbb55;
}

.textorange {
	color: #ff6600;
}

.textred {
	color: #cc0000;
}

/*
Theme name: OM
Description: Custom Theme for OM
*/

/* WordPress Default styles */


* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 15px;
    font-family: GillSans, tahoma, verdana, sans-serif;
    color: #fdfdfe;
	background: #ecebeb;
	height: 100%;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #57bedf; text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}
.tr {text-align: right;}
.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 930px;}	

.container {background: #000 url(http://omoriginals.com/wp-content/themes/om/images/body-bg.gif) repeat-x 0 bottom; padding-bottom: 29px;}
.container-cnt {background: url(http://omoriginals.com/wp-content/themes/om/images/container-bg.png) repeat-y 0 0; padding-left: 18px; padding-right: 18px; height: 100%;}
.container-inner {border-top: 3px solid #68ba45; background: #214888 url(http://omoriginals.com/wp-content/themes/om/images/bg.png) no-repeat 0 0; min-height: 340px;}
.container-bottom { margin-top: -29px; position: relative;}
.container-bottom-cnt {background: url(http://omoriginals.com/wp-content/themes/om/images/container-bottom.png) no-repeat 0 0; height: 60px;}

#header { padding-top: 11px; padding-bottom: 60px;}

h1#logo {float: right; padding-right: 22px;}
h1#logo a {background: url(http://omoriginals.com/wp-content/themes/om/images/logo.png) no-repeat 0 0; display: block; width: 274px; height: 86px;}


#navigation {position: relative; height: 86px; background: url(http://omoriginals.com/wp-content/themes/om/images/nav.png) no-repeat 0 0; float: left; width: 598px; padding-top: 21px;}
#navigation ul {list-style-type: none; font-size: 14px; height: 35px; padding-left: 36px;}
#navigation ul li {float: left; display: inline; height: 35px; padding-left: 5px; padding-right: 5px;}
#navigation ul li a {color: #67ba45; float: left; height: 27px; padding-top: 8px; padding-left: 8px; padding-right: 8px;}
#navigation ul li a:hover {text-decoration: underline;}
#navigation ul li a.active,
#navigation ul li.current_page_item a, 
#navigation ul li.current_page_parent a {background: url(http://omoriginals.com/wp-content/themes/om/images/nav-link-active.gif) repeat-x 0 0; color: #fff; font-weight: bold;}
#navigation ul li.current_page_item li a,
#navigation ul li.current_page_parent li a {
	float: left;
	height: 27px; 
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	background: none;
	font-weight: normal;
}
#navigation ul ul {
	z-index: 2;
	display: none;
	list-style-type: none;
	padding: 0px;
	font-size: 14px;
	height: 33px;
	width: 551px;
	background: url(http://omoriginals.com/wp-content/themes/om/images/submenu.gif) no-repeat 0 0;
	position: absolute;
	left: 21px;
	top: 56px;
}
#navigation ul ul li {
	margin-top: 8px;
	height: 20px;
	padding: 0px 5px;
	border-right: 1px solid white;
}
#navigation ul ul.active {
	z-index: 1;
	display: block;
	color: black;
	font-size: 14px;
	background: none;
}
#navigation ul ul.active li {
	border-right: 1px solid black;
}
#navigation ul ul li.last {
	border: 0px;
}
#navigation ul ul.active a {
	color: black;
}
#navigation ul ul li a {
	padding-top: 2px !important;
	color: white;
	text-decoration: none;
}
#navigation ul ul li a:hover {
	text-decoration: underline;
}
#navigation ul ul li.current_page_item a {
	font-weight: bold !important;
}

#main .article {padding: 0 28px 30px 28px;}
#main h2 {color: #87c540;}
#main a {font-weight: bold; text-decoration: underline;}
#main a:hover {color: #87c540;}
#main p {padding-bottom: 20px;}
#main span.red {color: #ed1942;}

.box {width: 447px; background-repeat: repeat-y; background-position: 0 0; height: 100%; position: relative;}
.box-top {background-repeat: no-repeat; background-position: 0 0; padding-left: 31px; padding-top: 32px; padding-bottom: 35px; padding-right: 31px; }
.box h3 {color: #214888; font-size: 16px; padding-bottom: 10px;}

.box ul {color: #000; padding-left: 30px;}
.box ul li {font-size: 14px;}
.box ul li a {color: #000; text-decoration: underline;}
.box ul li a:hover {text-decoration: none !important; color: #000 !important;}

.box-left {float: left;  background-image: url(http://omoriginals.com/wp-content/themes/om/images/box-left-bg.gif);}
.box-left .box-top {background-image: url(http://omoriginals.com/wp-content/themes/om/images/box-left-top.gif);}
.box-right {float: left;  background-image: url(http://omoriginals.com/wp-content/themes/om/images/box-right-bg.gif);}
.box-right .box-top {background-image: url(http://omoriginals.com/wp-content/themes/om/images/box-right-top.gif);}

.bottomspaced {position: absolute; bottom: -17px; left: 0; padding: 0 35px; color: #000001; width: 380px} 
.bottomspaced a {}

#footer {min-height: 207px; background: url(http://omoriginals.com/wp-content/themes/om/images/footer-bg.gif) repeat-x 0 0;}
.footer-nav, p.copy {font-size: 14px; color: #000; padding-top: 9px;}
.footer-nav {float: left; padding-left: 55px;}
.footer-nav ul li {
	display: inline;
	list-style-type: none;
	padding: 0px 6px 0px 3px;
	border-right: 1px solid black;
}
.footer-nav a {color: #000; position: relative;}

p.copy {float: right; padding-right: 82px;}

.portfolio {padding-top: 20px; text-align: center; font-size: 14px; color: #000; width: 843px; margin: -34px auto 0 auto; position: relative;}
.portfolio p a {color: #000;}
.commentlist li {
	list-style-type: none;
}

label {
	display: block;
	width: 150px;
}
/* Styles that are required or usefull in almost every wp installation */

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; }
/* Defult fint size for titles. */
.post .entry h1 { font-size: 20px; }
.post .entry h2 { font-size: 18px; }
.post .entry h3 { font-size: 16px; }
.post .entry h4 { font-size: 14px; }
.post .entry h5 { font-size: 12px; }
.post .entry h6 { font-size: 10px; }
/* Reasanble margins for lists */
.post .entry ul { margin-left: 15px; }
.post .entry ol { margin-left: 15px; }
.post .entry a img { border: 0 }

/* Below CSS code is taken from kubrick theme. */
p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}