/* 
-------------------------------------------------------------
Title : Global CSS Styles
Author : Tommy Cutter
URL : http://www.tommycutter.com

Description : Styles for client login section of Briljent.com

Created : 11/20/2006
Modified : 02/02/2006
-------------------------------------------------------------
COLOR PALLET
dark purple: #532554
light purple: 
light orange: #c17c05
dark orange: 

NEW COLOR PALLET
dark purple:   #532554
bright orange: #ca681d
-------------------------------------------------------------
*/

body{
/*background: #fff url(/images/body_bg.png) repeat-x top left;*/
background:#fff;
font-weight:normal; 
text-decoration:none; 
font-family: Verdana, Tahoma; 
font-size:11px; 
color: #666;
margin-left: 5px;
margin-right: 5px;
text-align:left;
} 

#bodycontent
{
margin-top: 2%;
margin-left: auto; 
margin-right: auto;
width: 900px;
}



p{
padding:0;
padding-bottom:10px;
line-height:18px;
margin:0;
font-weight:normal; 
text-decoration:none; 
font-family: Verdana, Tahoma; 
font-size:11px; 
color: #666;
text-align:left;
}

ul {margin-left:0; padding-left:1.6em;}


ul li{
font-weight:normal; 
text-decoration:none; 
font-family: Verdana, Tahoma; 
font-size:11px; 
color: #666;
text-align:left;
list-style-type:circle;

}
.index_bullets{padding-bottom:10px;}



a:link {font-weight:normal; text-decoration:none; color:#ca681d;}
a:visited {font-weight:normal; text-decoration:none; color:#ca681d;}
a:active {font-weight: normal; text-decoration:none; color: #ca681d;}
a:hover{font-weight:normal; text-decoration:underline; color:#ca681d;}

h1, h2, h3 {text-align:left; padding:0; margin:0; font-weight:bold; font-family:arial; color:#532554; letter-spacing:0; text-transform:uppercase;}
h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:12px;}

td {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 10px;	
}

th {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.clients ol li{
font-weight:normal; 
text-decoration:none; 
font-family: Verdana, Tahoma; 
font-size:12px; 
color: #999999;
text-align:left;
}

.sub{
font-weight:normal; 
text-decoration:none; 
font-family: Verdana, Tahoma;
font-weight: bold; 
font-size:14px; 
color: #472638;
}

.date{
font-weight:normal; 
text-decoration:none; 
font-family: Verdana, Tahoma;
font-weight: bold;
font-style: italic; 
font-size:12px; 
color: #999999;
}

.footer, .footer a {font-size:10px;}

h5{
font-weight:normal; 
text-decoration:none; 
font-family: Verdana, Tahoma; 
color: #663366;
}

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
font-family:arial;
font-size:10px;
font-weight:100;
text-transform:uppercase;
color:#aeaeae;
}

#tablist li a:link {
color: #666;
text-decoration: none;
margin-left: 15px;
margin-right: 15px;
}

#tablist li a:visited{
color: #666;
text-decoration: none;
margin-left: 15px;
margin-right: 15px;
}

#tablist li a:hover {
color:#301631;
}
#tablist li a.current{
color: #301631;
margin-left: 15px;
margin-right: 15px;
}

#tabcontentcontainer{
width:100%;
height:10px;
}
#tabcontentcontainer a{
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
color: #666;
margin-left: 30px;
margin-right: 30px;
}

#tabcontentcontainer a:hover{
color:#b3550b;
}

.tabcontent li a.current{
color: #301631;
margin-left: 30px;
margin-right: 30px;
}
.tabcontent {
display:none;
text-decoration: none;
padding: 3px 0.5em;
margin-left: 30px;
margin-right: 30px;
font-size:11px;
}






.basictab ul{
margin: 4px;
padding: 3px 0;
margin-left: 0;
font: bold 12px arial;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover, .basictab li a.current{
/*background-color: #DBFF6C;*/
color: black;
}

.basictab li a:active{
color: black;
}

#tabcontentcontainer{
width:100%; /*width of 2nd level content*/
height:2.2em; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
}

#tabcontentcontainer div{
color:#666;
font-size:10px;
}

.tabcontent{
display:none;
text-align:left;
}

#sc3 {padding-left:165px;}

.color_bar {
padding:0;
margin:0;
border-bottom:2px solid #ccc;
}

a.capabilities_big_links, a.capabilities_big_links:visited, a.capabilities_big_links:hover {background:#ca681d; padding:0; color:#fff; display:block;}

div.rounded div {
  height: 1px;
  overflow: hidden;
}

.careers_header {color:#532554; font-weight:bold;}
.career_table {background:#ccc;}
.career_table tr {}
.career_table td {padding:8px;}
.career_table td a:link, .career_table td a:visited {color:#333;}
.career_over {background:#D8D8D8;}
.career_out {background:#efefef;}

table.services_table tr td strong {color:#666;}
.services_table td div p, .services_table td div p, .services_table td div {color:#532554;}
.services_table a, .services_table a:visited {color:#532554; font-weight:bold;}
.services_header {color:#532554; font-size:12px;}

.success_list li{margin-bottom:5px; font-size:10px;}

form, input, select, textarea {margin:0;}

.middle_separator {background:url(/images/bar.jpg) repeat-y top left;}

table.services_table td{font-size:11px; color:#666; padding:10px; margin:0;}

.home_tagline {font-weight:bold; font-family:arial; color:#532554;}

.current {color:#000; border-bottom:1px solid #ccc;}

.search_box {padding:0 ; background:#532554; margin:15px 0; text-align:left;}
.search_box_inner {padding:0 10px; text-align:left;}
.search_box span {font-size:10px; font-weight:bold; color:#fff; text-align:left;}

.archives h3 {padding:0; margin:0; text-transform:none; letter-spacing:0; font-weight:bold;}
.archives ul {margin-top:0; margin-bottom:15px;}
.archives ul li {font-size:10px;}

.clients_table td ul li{font-size:10px;}

.small_heading {font-size:11px; display:block; }

.clear_hack {clear:both;}

/*
------------------------------
##############################
BLOG STUFF
##############################
------------------------------
*/

h3.home_news_title {font-size:16px; color:#e97923;}

div.posts {margin:10px 0; text-align:left;}
div.post_date {padding:5px; margin:0 5px 5px 0; background:#efefef; color:#666; font-size:10px; text-align:left;}
h2.post_title {text-transform:none; padding:5px 0; font-weight:100; /*background:#532554;*/}
h2.post_title, h2.post_title a:link, h2.post_title a:visited {font-size:14px; font-weight:100; color:#ca681d;}
h2.post_title img {vertical-align:middle;}
h2.post_title span {font-size:10px; color:#666; text-transform:uppercase;}
h2.post_title_single {font-size:20px; font-weight:100; color:#532554; padding:5px 0; margin:0;}
div.post_wrapper {/*background:url(/images/port_post_bg.png) top right no-repeat;*/}
div.post, div.post a {font-size:11px; text-align:left;}
div.post {margin-bottom:5px; padding:5px 0 15px;}
div.post_meta {clear:both; padding:5px; background:#efefef; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:10px; color:#334562; margin-bottom:20px;}
div.post_meta, div.post_meta a {font-size:10px; color:#ea7a24;}
div.date_single {font-size:10px; padding:3px 0; background:#efefef; letter-spacing:1px; padding:5px; color:#666; margin-bottom:10px;}
p.postmetadata {margin:15px 0; padding:5px; background:#efefef;}

div.port_posts {margin:10px 0;}
div.port_thumb {float:left; width:105px;}
div.port_thumb img {border:1px solid #000;}
div.port_post {margin-left:115px; padding:5px; font-size:10px; background:url(/images/port_post_bg.png) top right no-repeat}
h2.port_post_title {text-transform:none; font-size:12px;}
h2.port_post_title a {color:#c17c05;}
div.port_footer {clear:both; margin-bottom:20px; padding:5px 0; border-bottom:1px solid #ccc;}

textarea#comment {width:100%;}

table.clients_table tr td ul{}
table.clients_table tr td ul li {padding-left:0; margin:4px 0;}

#tooltip {
    padding: 3px;
    background: #efefef;
    border: 1px solid #ccc;
    text-align: left;
	max-width:200px;
	font-size:10px;
}

span.tip {
cursor:pointer;
}