/* 
	l e g a l i c i o u s . c s s
	Legalicious Primary Stylesheet
	by Arash Keshmirian
	
	Copyright (c)2008 Legalicious	
*/





body {
	/*font: 100% Verdana, Arial, Helvetica, sans-serif;*/
	font: 12px/18px Lucida Sans Unicode, Lucida Grande, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

/* Global Styles */

a {
	/*color: #c42457;*/
	color: #4d6b00;
	text-decoration: none;
	
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}


/* Container Styles */

#container {
	width: 930px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	min-height: 600px;
}

ul{
	padding-left: 10px;
	margin: 5px 0;
}

/* Header Styles */

#header {
	background: url(../images/topbanner.png);
	height: 85px;
	padding: 0;
	padding-right: 5px;
	font-size: 11px;
	color: #ffffff;
}

#header img#logo {
	margin: 12px;
}


#header ul {
	float: right;
	list-style-type: none;
}

#header li {
	display: inline;
	padding: 0 5px;
	border-left: 1px #e0e0e0 solid;
}

#header li.first {
	border: none;
}

#header a{
	color: #ffffff;
	text-decoration:none;
	text-transform: uppercase;
}

#header a:hover{
	text-decoration: underline;
}

/* Login Styles */

#login {
	padding: 2px 10px 0 0;
	text-align: right;
	font-size: 10px;
	text-transform: uppercase;
	color: #4a4a4a;
}

/* Page Title Header Styles */

#pageTitleHeader {
	height: 36px;
	font: 24px/36px Palatino Linotype, Book Antiqua, Palatino, serif;
	padding-top: 3px;
	padding-left: 45px;
	background: url(../images/questionicon.png) top left no-repeat;
	margin-bottom: 10px;
}


#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.leftContainer {
	float: left;
	width: 540px;
	overflow: hidden;
}

#primeinterview {

}

/* Interview Browser Styles */

#interviewbrowser {
	margin-top: 15px;
	margin-left: 550px;
	background: #e0e0e0;
}

#interviewbrowser .title
{
	text-align: right;
	font-weight: bold;
	padding: 2px 10px;
	text-transform: uppercase
}

#interviewbrowser .mode
{
	background: #f0f0f0;
	padding: 2px 10px;
}

#interviewbrowser .mode a
{
	color: #c42457;
}

#interviewbrowser .content
{
	background: #e0e0e0;
	padding: 2px 10px;
}

#interviewbrowser .content ul {
	list-style-type: none;
	padding: 0;
}
#interviewbrowser .content li{
	margin: 6px 0;
	padding-left: 5px;
	border-left: 2px solid #cacaca;
}


/* Submit Question / Search Classes */

#submitAQuestion{
	margin: 10px 0 5px 550px;
	padding: 4px;
	background: #e0e0e0;
}

#search{
	margin: 15px 0;
}

#search form{
	width: 470px;
}

#search input {
	padding: 3px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

#search input.wide{
	width: 300px;
}


#search input.searchGo {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

/* Featured Interviews/Events/Articles Frontpage Classes */

.featured
{
	width: 550px;
	padding: 1px;
	overflow: hidden;
}

.featured .right
{
	width: 250px;
	margin-left: 270px;
}

.featured .left
{
	width: 250px;
	float: left;
	margin-right: 5px;
}

.featured ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.featured li
{
	padding: 5px 0;
}

.interviewSmall
{
	width: 250px;
	background: #e0e0e0;
}

.interviewSmall .description
{	
	float: right;
	width: 120px;
	margin-right: 10px;
	line-height: 13px;
}

.interviewSmall img
{
	margin-left: 5px;
}

.interviewSmall .title
{
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 4px;
}

.interviewSmall .interviewee
{
	font-size: 9px;
}

.interviewSmall a
{
	color: #697a37;
}

.interviewSmall a:hover
{
	text-decoration: underline;
}

.featured dl{
	margin: 1px;
}

.featured dl dt{
	padding-left: 10px;
	font-weight: bold;
	background-color: #fafafa;
	border-bottom: 1px solid #eeeeee;
}

.featured dl dd{
	margin-left: 15px;
	margin-bottom: 5px;
}


.featured dl dd img {
	float: right;
	margin-right: 5px;
}


embed#ply {
	margin: 0px; padding: 0px;
}

#mediaplayer {
	margin: 0px; padding: 0px;
}

.rightContainerWide
{
	margin-left: 550px;
	margin-bottom: 10px;
}

/* Clip Page Classes */

#interviewPlayer
{
	float: left;
	margin-bottom: 20px;
	width: 512px;
}

#interviewPlayer #interviewDescription
{
	margin: 10px;
}

#stats
{
	/*width: 520px;*/
}

#stats .statfan
{
	padding-left: 24px;
	background: url(../images/icon_fan.png) top left no-repeat;
	padding-bottom: 5px;
}

#stats .stat
{
	float: left;
	margin: 5px 3px 0px 10px;
}

#stats .statname
{
	font-weight:  bold;
	margin-right: 5px
}

.otherInfo
{
	margin: 0 10px;
}

#compactSearchAndSubmit input.searchBox {
	width: 300px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}

#interviewInfo
{
	margin-left: 550px;
	background: #e0e0e0;
}

#interviewInfo div.header {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	margin: 0 10px;
	text-align: right;
}

#interviewInfo div.content,div.scrollContent {
	background: #f0f0f0;
	padding: 5px 15px;
}
#interviewInfo div.scrollContent {
	overflow: auto;
}

#interviewInfo ul,li
{
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
}

#compactSearchAndSubmit
{
	margin-left: 550px;
	margin-top: 10px;
}

#compactSearchAndSubmit form {
	margin: 0;
}

#compactSearchAndSubmit td
{
	vertical-align: top;
	padding: 0 20px;
}

/* Interview Comments Classes */

#comments
{
	float: left;
	width: 520px;
}

#comments ul
{
	padding: 0; margin: 0;
}

#comments li
{
	padding: 0; margin: 0;
}

.comment
{
	margin: 10px 5px;
}

.comment .inner
{
	border-left: 1px solid #697a37;
	border-right: 1px solid #697a37;
}

.comment .commentinfo
{
	float: left;
	width: 100px;
	padding: 0 5px;
}

.comment .quotenumber
{
	font-size: 15px;
	font-weight: bold;
}

.comment .date
{
	color: #aaaaaa;
	font-size: 10px;
}

.comment .content
{
	padding: 0 5px;
	margin-left: 110px;
}

.comment .quoteopen
{
	margin: 0; padding: 0;
	width: 25px;
	height: 19px;
	float: right;
	background: url(../images/curlyopenquote.png) no-repeat;
}


/* LeftContainer */

#leftContainer {
	width: 650px;
	float: left;
}

#leftContainer #pageTitle{
	font: 24px/24px Palatino Linotype, Book Antiqua, Palatino, serif;
	margin-bottom: 25px;
	margin-right: 250px;	
}

#leftContainer .rightBox
{
	margin-left: 375px;
	background: #e0e0e0;
	margin-bottom: 10px;
}

#leftContainer .rightBox .content
{
	padding: 0 10px;
	
}


#leftContainer .wideBox
{
	background: #e0e0e0;
	margin-bottom: 10px;
}

#leftContainer .wideBox .content
{
	padding: 0 10px;
}

#leftContainer .leftBox
{
	width: 362px;
	float: left;
	background: #e0e0e0;
	margin-bottom: 10px;
}

#leftContainer .leftBox .content
{
	padding: 0 10px;
}

#leftContainer .leftColumn
{
	width: 320px;
	float: left;
}

#leftContainer .rightColumn
{
	margin-left: 330px;
	width: 320px;
}

/* Search Result Classes */

.searchResult
{
	background: #f0f0f0;
	margin-bottom: 10px;
	font-size: 11px;
}

.searchResult .name
{
	background: #e0e0e0;
	padding: 0 5px 5px 5px;
	font-weight: bold;
	font-size: 14px;
	text-align: left
}

.searchResult .separator
{
	height: 5px;
	background: #e0e0e0;
}

.searchResult ul
{
	padding: 0; margin: 0;
}

.searchResult .resultInfoColumnLeft
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 140px;
	float: left;
}

.searchResult .resultInfoColumnRight
{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 140px;
	margin-left: 155px;
}

.searchResult .footer
{
	background: #e0e0e0;
	padding: 5px 5px 0 5px;
}

/* Profile Classes */

#profile {
	width: 650px;
	float: left;
}

#profile img#profileImage
{
	border: 1px solid #000000;
	float: right;
	margin: 15px;
}

#profile #profileName
{
	font: 24px/24px Palatino Linotype, Book Antiqua, Palatino, serif;
	margin-bottom: 15px;
	margin-right: 250px;
}

#profile #profileUnderName
{
	font-size: 10px;
	margin-bottom: 15px;
}



#profile #profileDescription
{
	margin-left: 10px;
	margin: 0 15px 10px 10px;
	font-size: 11px;
	text-align: justify;
}

#profile #profileDescription h1 {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 15px;
}

#profile #profileDescription p {
	margin: 0;
}

#stats {
	background: #e0e0e0;
	margin-bottom: 10px;
}

#profile .rightBox
{
	margin-left: 375px;
	background: #e0e0e0;
	margin-bottom: 10px;
}

#profile .rightBox .content
{
	padding: 0 10px;
	
}


#profile .wideBox
{
	background: #e0e0e0;
	margin-bottom: 10px;
}

#profile .wideBox .content
{
	padding: 0 10px;
}

#profile .wideBox dl {
	margin: 0 10px;
}

#profile .wideBox dl dt {
	font-weight: bold;
}

#profile .wideBox dl dd {
	margin-left: 10px;
}

#profile .leftBox
{
	width: 362px;
	float: left;
	background: #e0e0e0;
	margin-bottom: 10px;
}

#profile .leftBox .content
{
	padding: 0 10px;
}

div.content dl {
	margin: 5px 0;
	border-top: 1px solid #d4d4d4;
}

div.content dl dt {
	font-weight: bold;
	font-size:10px;
	text-transform: uppercase;
	color: #4c4c4c;
}

div.content dl dd {	
	margin-left: 0px;
	padding-left: 15px;
	border-bottom: 1px solid #d4d4d4;
}



#profile .contactInfo
{
	padding: 10px;
	text-align: right;
}

#profile #attorneys .column
{
	width: 310px;
	float: left;
	margin-left: 10px;
}

#profile #attorneys ul
{
	padding: 0px;
	margin: 0px;
}

#profile .attorney
{
	margin: 10px;
	border: 1px solid #eeeeee;
	padding: 10px;
}

#profile .attorney img
{
	float: right;
	vertical-align: middle;
	margin: 0px;
}

#profile .attorney .name
{
	font-size: 12px;
	margin-right: 10px;
	font-weight: bold;
}

#profile .attorney .area
{
	display: block;
	font-style: italic;
}

#profile .attorney .stat {
	margin-right: 3px;
}

#profile .attorney .statValue {
	text-align: right;
	float: left;
	width: 25px;
	margin-right: 5px;
	color: #3c3c3c;
}


.profileRightContainer{
	margin-left: 670px;
}

.profileRightContainer ul{
	padding-left:0px;
}

.profileRightContainer dl dd {
	margin-left: 10px;
	font-size: 10px;
}

.profileRightContainer dl dt {
	font-weight: bold;
}


#profileInterviews{
	margin-left: 670px;
}

#profileInterviews ul{
	padding-left: 0px;
}

#profileTestimonials{
	margin-left: 670px;
}

#profileTestimonials ul{
	padding-left: 0px;
}

.greyBox
{
	margin: 5px 0;
	background: #e0e0e0;
}

.greyBox .content
{
	padding: 0 10px;
}

.testimonial
{
	background: #e0e0e0;
	font-size: 10px;
}

.testimonial .content
{
	margin: 0 5px;
}

.testimonial .attributions
{
	margin: 0 5px;
	text-align: right;
	font-style: italic;
}

.events .event {
	background: #e0e0e0;
	width: 630px;
	margin: 20px 0px;
}

.events .event .title{
	padding: 0 5px;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	background-color: #d0d0d0;
}

.events .event .location{
	padding: 0 5px;
	font-style: italic;
	font-size: 10px;
	background-color: #eeeeee;
}

.events .event .time{
	padding: 0 5px;
	font-size: 10px;
	background-color: #dcdcdc;
	color: #555555;
}

.events .event .description {
	padding: 5px 5px;
	background-color: #eeeeee;
}

.events .event .signup {
	text-align: center;
	font-size: 14px;
	padding: 5px;
}

.events .event .stats {
	text-align: right;
	float: right;
	background: #e0e0e0;
	border-left: 2px solid #d0d0d0;
	border-bottom: 2px solid #d0d0d0;
	padding: 5px;
	width: 150px;
}

/* Footer Classes */

#footer {
	margin-top: 30px;
	background: url(../images/footer.png) top left no-repeat;
	height: 36px;
	padding: 4px 8px;
}

#footer p {
	padding: 0;
	margin: 0;
	color: #d0d0d0;
	text-transform: uppercase;
	font-size: 10px;
	text-align: right;
}

/* General Classes */

.headlinetitle {
	color: #a0a0a0;
	font-size: 9px;
	text-transform: uppercase;
	line-height: 9px;
	border-bottom: 1px #a0a0a0 solid;
	margin: 15px 0 5px 0;
}

.tl_corner-eaece1
{
	width: 5px;
	height: 5px;
	background: url(../images/corners/eaece1-topleft.png) top left no-repeat;
}

.tr_corner-eaece1
{
	/*margin-bottom: -5px;*/
	height: 5px;
	background: #eaece1 url(../images/corners/eaece1-topright.png) top right no-repeat;
}

.bl_corner-eaece1
{
	width: 5px;
	height: 5px;
	background: url(../images/corners/eaece1-bottomleft.png) top left no-repeat;
}

.br_corner-eaece1
{
	/*margin-top: -5px;*/
	height: 5px;
	background: #eaece1 url(../images/corners/eaece1-bottomright.png) top right no-repeat;
}

.tl_corner-e0e0e0
{
	width: 5px;
	height: 5px;
	background: url(../images/topleft-e0e0e0.png) top left no-repeat;
}

.tr_corner-e0e0e0
{
	/*margin-bottom: -5px;*/
	height: 5px;
	background: #e0e0e0 url(../images/topright-e0e0e0.png) top right no-repeat;
}

.bl_corner-e0e0e0
{
	width: 5px;
	height: 5px;
	background: url(../images/bottomleft-e0e0e0.png) top left no-repeat;
}

.br_corner-e0e0e0
{
	/*margin-top: -5px;*/
	height: 5px;
	background: #e0e0e0 url(../images/bottomright-e0e0e0.png) top right no-repeat;
}

.tl_quotecorner
{
	height: 5px;
	background: url(../images/topleft-greenoutline.png) no-repeat;
}

.bl_quotecorner
{
	height: 27px;
	background: url(../images/bottomleft-greenoutlinequote.png) no-repeat;
}

.tr_quotecorner
{
	height: 5px;
	width: 5px;
	float: right;
	background: url(../images/topright-greenoutline.png) no-repeat;	
}

.br_quotecorner
{
	height: 27px;
	width: 33px;
	float: right;
	background: url(../images/bottomright-greenoutlinequote.png) no-repeat;
}



/* Utility Classes */

.cleardivright{
	padding: 2px;
	clear: right;
}

.cleardiv {
	padding: 2px;
	clear: both;
}

/* Demo Styles */

#demobar {
	font-size: 14px;
	line-height: 24px;
	background: #697a37;
	border-bottom: 4px #eeeeee solid;
	color: #eeeeee;
	padding: 5px;
}

#demobar #content{
	text-align: justify;
	width: 920px;
	margin: 0 auto;
	height: 10em;
}

#demobar #nav{
	position: absolute;
	text-align: center;
	top: 20px;
	right: 300px;
	font-size: 18px;
}

#demobar #nav a{
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}

#splashBox {
	font-size: 14px;
	line-height: 26px;
	margin: 40px auto;
	width: 600px;
	min-height: 300px;
	text-align: justify;
}

#splashBox a {
	font-weight: bold;
}

#splashBox #launchDemo
{
	text-align: center;
	margin: 20px;
	font-size: 20px;
}

#splashBox #launchDemo a
{
	color: #c42457;
}

#splashBox h1 {
	text-align: center;
		font: 24px/24px Palatino Linotype, Book Antiqua, Palatino, serif;

}

#splashBox div.details {
	font-size: 10px;
	font-style: italic;
}