#company_title {

background-color:#202020;

color:#FFF;

float:left;

font-size:24px;

line-height:60px;

text-align:left;

margin:0;

padding:0;

}



#content_container {

background:url(http://images.brooklandinteractive.com/containerbg.gif) repeat-y;

border-top:15px solid #262626;

border-bottom:15px solid #262626;

color:#666;

text-align:left;

width:950px;

margin:20px auto 0;

padding:0;

}

#content_containerwhite {

background: #fff repeat-y;

border-top:15px solid #262626;

border-bottom:15px solid #262626;

color:#666;

text-align:left;

width:950px;

margin:20px auto 0;

padding:0;

}



#content_left {

background-color:#FFF;

float:left;

line-height:1.5em;

text-align:left;

width:670px;

margin:0;

padding:15px;

}

#content_full {

background-color:#FFF;

float:left;

line-height:1.5em;

text-align:left;

width:920px;

margin:0;

padding:15px;

}

#content_splitleft {

background-color:#FFF;

float:left;

line-height:1.5em;

text-align:left;

width:430px;

margin:0;

padding:15px 20px;

}

#content_splitright {

background-color:#FFF;

float:right;

line-height:1.5em;

text-align:left;

width:430px;

margin:0;

padding:15px 20px;

}
#content_leftcolumn {

background-color:#FFF;

line-height:1.5em;

text-align:left;

margin:0;

float: left;

width: 280px; 

padding: 15px 0px 15px 20px;

}
#content_centercolumn {

background-color:#FFF;

line-height:1.5em;

text-align:left;

margin: 0 335px; 

padding:15px 0px 15px 0px;

}
#content_rightcolumn {

background-color:#FFF;

float:right;

line-height:1.5em;

text-align:left;

width:280px;

margin:0;

padding: 15px 20px 15px 20px;

}


#side_menu {

line-height:1.5em;

}

#side_menu ul, #side_menu ul li ul {

list-style:none;

margin:0;

padding:0;

}



#side_menu ul li {

background:none;

border-bottom:1px solid #5A5A5A;

margin:0;

padding:1px 0;

line-height: 20px;

}



#side_menu ul li a {

display:block;

outline:none;

color:#CCC;

text-decoration:none;

padding:4px 2px 4px 14px;

}

#side_menu ul li a.active {
	color: #fff;
	font-weight: bold;
}

#side_menu ul li a:hover, #side_menu ul li a:focus {

color:#F58430;

}



#side_menu {

background-color:#444;

float:right;

text-align:left;

width:220px;

margin:0;

padding:15px;

color: #CCC;

}



#side_menu p.header {

color: #999;

}



#top {

background:url(http://images.brooklandinteractive.com/logo.gif) no-repeat;

background-color:#202020;

height:100px;

margin-left:37px;

text-align:left;

width:960px;

padding:0;

}



#top_container {

background-color:#202020;

border-bottom:5px solid #F58430;

color:#FFF;

height:140px;

margin-left:0;

text-align:center;

padding:0;

}



#top_menu {

background:#F5F5F5 url(http://images.brooklandinteractive.com/top_menu_bg.gif) repeat-x;

height:30px;

line-height:30px;

text-align:left;

margin:0;

padding:0;

}



#top_menu ul {

list-style:none;

margin:0;

padding:0;

}



#top_menu ul li {

float:left;

margin:0;

padding:0;

}



#top_menu ul li a,#top_menu ul li a:visited {

color:#666;

display:block;

height:30px;

line-height:30px;

text-align:center;

text-decoration:none;

width:100px;

padding:0;

}



#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover {

background-color:#FFF;

border-right:1px solid #EBEBEB;

color:#333;

font-weight:700;

width:99px;

}



#top_menu ul li a:hover {

background-color:#EBEBEB;

color:#333;

}



#welcome_box {

float:right;

line-height:60px;

text-align:right;

color:#ccc;

margin:0;

padding:0;

}



#welcome_box a,#welcome_box a:visited {

color:#ccc;

text-decoration:none;

}



.absmiddle {

vertical-align:middle;

}



.breadcrumb {

background-color:#F5F5F5;

margin:0 0 10px;

padding:10px;

}



.clear {

clear:both;

}



.green {

color:#006F0F;

}



.header {

color:#202020;

font-size:14px;

font-weight:700;

}



.red {

color:#BF0000;

}



.small {

font-size:11px;

}



.warning {

background-color:#FFFFDF;

border:1px solid #FDFF3F;

margin:0 0 10px;

padding:10px;

}



.contentbox {

text-align:center;

margin:0 0 10px;

padding:10px;

}



.errorbox {

background-color:#FFBFBF;

text-align:center;

color:#7F0000;

margin:0 0 10px;

padding:10px;

}



.clientareatableactive {

background-color:#DFFFE0;

}



.clientareatablepending {

background-color:#EFEFEF;

}



.clientareatablesuspended {

background-color:#FFF6CF;

}



.clientareatableterminated {

background-color:#FFCFCF;

}



.clientticketreplyheader {

background-color:#EBEBEB;

color:#333;

border-top:1px solid #CCC;

border-right:1px solid #CCC;

border-bottom:1px solid #EBEBEB;

border-left:1px solid #CCC;

}



.clientticketreply {

background-color:#F5F5F5;

border-right:1px solid #CCC;

border-bottom:1px solid #CCC;

border-left:1px solid #CCC;

margin:0 0 10px;

padding:10px;

}



.adminticketreplyheader {

background-color:#CFE6FF;

color:#333;

border-top:1px solid #CAE6FF;

border-right:1px solid #CAE6FF;

border-bottom:1px solid #CAE6FF;

border-left:1px solid #CAE6FF;

}



.adminticketreply {

background-color:#EEF6FF;

border-right:1px solid #CAE6FF;

border-bottom:1px solid #CAE6FF;

border-left:1px solid #CAE6FF;

margin:0 0 10px;

padding:10px;

}



.networkissueaffected {

background-color:#EFEFEF;

margin:0 0 10px;

padding:10px;

}



.textgreen {

color:#158F00;

}



.textred {

color:#9F0000;

}



a,a:visited {

color:#F58430;

text-decoration:none;

}

a:hover {
text-decoration:underline;
}



body {

background-color:#333;

background-repeat:repeat-x;

margin:0;

padding:0;

line-height:1em;

}



body,td,th {

color:#666;

font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;

font-size:12px;

}



h1 {

background:url(http://images.brooklandinteractive.com/logosmall.png) no-repeat;

border-bottom:1px solid #EBEBEB;

color:#202020;

font-size:30px;

font-weight:700;

margin:0 0 10px 0;

padding:40px 0 0 60px;

}


h2 {
border-bottom:1px solid #EBEBEB;
color:#333;
font-size:20px;
font-weight:bold;
margin:0 0 5px;
padding:10px 0 3px;
}

#side_menu h2 {
border-bottom:1px solid #666;
color:#FFF;
font-size:20px;
font-weight:bold;
margin:0 0 5px;
padding:10px 0 3px;
}

h3 {
color:#333;
font-size:16px;
font-weight:bold;
margin:0;
padding:10px 0 5px;
}

h4 {
color:#FFF;
font-size:16px;
font-weight:bold;
margin:0;
padding:8px 0 6px;
}



hr {

background-color:#EBEBEB;

border:0;

border-top:1px solid #EBEBEB;

height:0;

overflow:hidden;

margin:10px 0;

}



input,select,textarea {

color:#666;

font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;

font-size:12px;

margin:0;

padding:2px;

}



p {

margin:0;

padding:3px 0 8px;

}



table.data {

margin:0 0 10px;

padding:0;

}



table.data th {

background-color:#888;

border-bottom:1px solid #333;

color:#FFF;

font-weight:400;

}



table.data tr.clientareatableactive td {

background-color:#DFFFE0 !important;

}



table.data tr.clientareatablepending td {

background-color:#EFEFEF !important;

}



table.data tr.clientareatablesuspended td {

background-color:#FFF6CF !important;

}



table.data tr.clientareatableterminated td {

background-color:#FFCFCF !important;

}



table.frame {

border:1px solid #EBEBEB;

border-bottom:0;

margin:0 0 10px;

padding:0;

}



table.frame table td.fieldarea {

background-color:#F5F5F5;

color:#333;

text-align:right;

border-right:1px solid #EBEBEB;

}



#header {

width:950px;

clear:both;

height:140px;

line-height:normal;

position:relative;

margin:0 auto;

}



#headerwrap {

height:140px;

background:#202020;

border-bottom:5px solid #F58430;

z-index:101;

position:relative;

}



h4.logo,h4.logo-text {

font-size:250%;

margin:0;

padding:0;

}



h4.logo a {

width:600px;

display:block;

background:url(http://images.brooklandinteractive.com/logo.gif) no-repeat;

height:100px;

top:0;

left:0;

text-decoration:none;

}



h4.logo a span {

position:absolute;

top:-1000px;

}



h4.logo-text a {

text-decoration:none;

outline:none;

position:absolute;

top:10px;

left:10px;

color:#CCC;

}



#mainnav {

height:30px;

width:100%;

background:#333;

position:absolute;

bottom:0;

left:0;

border-top:1px solid #444;

}



#mainnav a,#subnav a,object {

outline:none;

}



.h-shadow {

background:url(http://images.brooklandinteractive.com/h-shadow.gif) repeat-x center top #333;

height:11px;

line-height:normal;

}



#footer {

font-size:92%;

position:relative;

}



#footerwrap { 

clear:both;

background:#202020;

position:relative;

border-top:1px solid #444;

padding:20px 0;

}



#footer small {

color:#5A5A5A;

font-size:100%;

padding:8px 10px;

}



#footer ul {

padding-bottom:5px;

line-height:normal;

margin:0;

}



#footer li {

display:inline;

background:url(../http://images.brooklandinteractive.com/vline.gif) no-repeat center left;

margin:0;

padding:0;

}



#footer li a {

display:inline;

line-height:normal;

padding:0 10px;

}



#footer a {

color:#5A5A5A;

text-decoration:none;

}



#footer a:hover,#footer a:active,#footer a:focus {

color:#CCC;

}



#footerspace {

background:#333;

height:50px;

}



#cssmenu {

width:950px;

text-align:left;

margin:auto;

padding:0;

}



#cssmenu li {

float:left;

display:block;

background:none;

cursor:pointer;

margin:0;

padding:0;

}



#cssmenu li ul {

position:absolute;

z-index:99;

left:-999em;

height:auto;

width:15.9em;

border:none;

background:url(http://images.brooklandinteractive.com/trans-bg.png) top repeat;

}



#cssmenu li ul ul {

border:none;

margin:-2em 0 0 15em;

}



#cssmenu li li {

width:14.9em;

margin:0;

padding:0 1em 0 0;

}



#cssmenu ul a {

width:14.8em;

}



#cssmenu li:hover ul ul,#cssmenu li:hover ul ul ul,#cssmenu li.sfhover ul ul,#cssmenu li.havechildsfhover ul ul,#cssmenu li.havechild-activesfhover ul ul,#cssmenu li.activesfhover ul ul,#cssmenu li.sfhover ul ul ul,#cssmenu li.havechildsfhover ul ul ul,#cssmenu li.havechild-activesfhover ul ul ul,#cssmenu li.activesfhover ul ul ul {

left:-999em;

}



#cssmenu li:hover ul,#cssmenu li li:hover ul,#cssmenu li li li:hover ul,#cssmenu li.sfhover ul,#cssmenu li.havechildsfhover ul,#cssmenu li.havechild-activesfhover ul,#cssmenu li.activesfhover ul,#cssmenu li li.sfhover ul,#cssmenu li li.havesubchildsfhover ul,#cssmenu li li.havesubchild-activesfhover ul,#cssmenu li li.activesfhover ul,#cssmenu li li li.sfhover ul,#cssmenu li li li.havesubchildsfhover ul,#cssmenu li li li.havesubchild-activesfhover ul,#cssmenu li li li.activesfhover ul {

left:auto;

}



#cssmenu li a {

display:block;

text-decoration:none;

line-height:30px;

color:#AAA;

text-transform:none;

font-size:14px;

font-weight:700;

background:#333;

padding:0 0 0 15px;

}



#cssmenu li a span {

display:block;

padding:0 20px 0 5px;

}



#cssmenu li:hover a,#cssmenu li.sfhover a,#cssmenu li.havechildsfhover a,#cssmenu li.havechild-activesfhover a {

color:#FFF;

background:#444;

}



#cssmenu li a.active,#cssmenu li a.active:hover,#cssmenu li a.active:active,#cssmenu li a.active:focus {

color:#FFF;

background:#F58430;

}



#cssmenu li a.active span,#cssmenu li a.active:hover span,#cssmenu li a.active:active span,#cssmenu li a.active:focus span {

display:block;

}



#cssmenu li ul li {

border-top:none;

border-right:none;

background:none;

}



#cssmenu li ul a {

border-right:none;

line-height:normal;

height:auto;

background:none !important;

color:#FFF !important;

text-transform:none;

font-size:13px;

font-weight:400;

margin:0;

padding:7px 10px;

}



#cssmenu li.havesubchild,#cssmenu li.havesubchild-active {

background:no-repeat 94% 50%;

}



#cssmenu li ul a:hover,#cssmenu li ul a:active,#cssmenu li ul a:focus,#cssmenu ul li:hover,#cssmenu ul li.sfhover,#cssmenu ul li.havesubchildsfhover,#cssmenu ul li.havesubchild-activesfhover,#cssmenu ul ul li:hover,#cssmenu ul ul li.sfhover,#cssmenu ul ul li.havesubchildsfhover,#cssmenu ul ul li.havesubchild-activesfhover {

background:url(http://images.brooklandinteractive.com/trans-bg-hover.png) top repeat;

color:#F58430 !important;

}



#cssmenu ul li a.active {

background:none !important;

color:#F58430 !important;

}



#cssmenu ul li a.active:hover,#cssmenu ul li a.active:active,#cssmenu ul li a.active:focus {

color:#F58430 !important;

}



#welcome_box a:hover {

color:#F58430;

text-decoration:none;

}



form,#cssmenu ul {

margin:0;

padding:0;

}



table.data td,table.frame table td {

background-color:#FFF;

border-bottom:1px solid #EBEBEB;

}



li.firstitem,#cssmenu li ul a span {

background:none !important;

}

table.order {
border:0;
border-spacing:0;
margin:0;
padding:0;
}

table.order td,tr {
border-spacing:0;
background-color:#FFF;
border-color:#EBEBEB;
border-style:solid;
border-width:0 0 1px;
margin:0;
padding:3px;
}

input.btn {
color:#666;
}

.polaroid { 
	width: 200px;
	height: 187px;
	background: url(http://images.brooklandinteractive.com/polaroid.png);
}

.polaroid:hover { 
	background: url(http://images.brooklandinteractive.com/polaroidhover.png);
}

.image {
	margin: 10px 0px 0px 10px;
	padding: 10px 10px 10px 10px;
}

ol li li {
	font-size: inherit;
	list-style-type: lower-alpha;
}
ol li li li {
	font-size: inherit;
	list-style-type: lower-roman;
}
