/*
  Theme Name: Street-Court
  Theme URL: http://www.j3studio.net/
  Description: Street-Court is a custom theme created for Street Court site. Graphics by Scott Garber, coded by Jarot Syahputro.
  Author: Jarot Syahputro
  Author URI: http://www.j3studio.net/
  Version: 1.0
  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php
  Changelog:
    v1.0 - 08.30.09 : First Release of Street-Court theme.
*/

body {
  height:800px;
  background:#fff;
  color:#202020;
  font-size:12px;
  font-family:Arial;
  margin:0 auto;
  padding:0;
}
.case-body {background:#e9e8e8 url(images/case-body.jpg) right bottom no-repeat;}
.stake-body {background:#e9e8e8;}
#bd, #wrap, #content, #footer {
  width:1139px;
  margin:0 auto;
  padding:0;
}
#bd { background: url(images/body.jpg) 0 0 no-repeat; /*border:1px solid #000;*/}
#wrap { height:537px;}

/************************************************
*	Global									*
************************************************/
.clear, #wrap, #footer { clear:both; }
#nav li a, #left h1 a, #pc0nt h2, #bnav p a, #rb0x h3, #stake a, .caseh1, .stakeh1, #qotd a { text-indent:-9000px; }
#nav li, #left h1, #bnav p, #stake, #qotd {overflow:hidden;}
.scr0ll {overflow:auto;}
.fixed {height:355px;}
.fix3d {height:435px;}
.down20 {margin:20px 0 30px;}
.gr {color:#390;}
.rd {color:#900;}


/************************************************
*  Hyperlinks  *
************************************************/
a, a:visited { color:#353535; text-decoration: none; }
a:hover { color: #787878; text-decoration:none; }
a img, img {border:none;}

/************************************************
*  Header  *
************************************************/
#header {
  width:878px;
  float:right;
  height:77px;
  background:url(images/hdr.gif) 0 0 repeat-x;
  position:relative;
}
#header span {width:8px; height:77px; background:url(images/hdrr.gif) 0 0 no-repeat; position:absolute; top:0; right:0;}

/************************************************
*  Navbar  *
************************************************/
#nav {
  float:right;
  margin:42px 0 0 0;
  padding:0;
  height:35px;
  width:666px;
  background:url(images/nav.gif) 0 0 no-repeat;
}
#nav li { display:inline; list-style:none; }
#nav li, #nav a {height:35px; float:left; }
#nav li a, #stake a, #bnav p a  {
  opacity:0;
   filter: alpha(opacity = 0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
}
#nav li.this a {
  opacity:1;
  filter: alpha(opacity = 100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  zoom: 1;
}
#hom, #hom a { width:81px; }
#fyc, #fyc a { width:140px; }
#abo, #abo a { width:169px; }
#lga, #lga a { width:113px; }
#res, #res a { width:163px; }

#hom a { background:url(images/nav.gif) 0 -45px no-repeat; }
#fyc a { background:url(images/nav.gif) -81px -45px no-repeat; }
#abo a { background:url(images/nav.gif) -221px -45px no-repeat; }
#lga a { background:url(images/nav.gif) -390px -45px no-repeat; }
#res a { background:url(images/nav.gif) -503px -45px no-repeat; }

/************************************************
*  Home  * 
************************************************/
#content {
  height:537px;
  margin:0;
  padding:0;
  float:left;
}
#left {
  width:511px;
  height:537px;
  float:left;
  position:relative;
}
#content h1 { margin:5px 0; padding:0; text-align:center; }
#left h1, #left h1 a { width:305px; height:133px; float:left; }
#left h1 { margin:15px 0 0 203px; }
#main h2 {width:316px; height:525px; background:url(images/judge-home.jpg) 0 0 no-repeat; position:absolute; left:-270px; top:125px; z-index:10; margin:0; padding:0;}
#main { float:left; position:relative; }
#main span {width:7px; height:399px; background:url(images/main-span.png) right 0 no-repeat; position:absolute;right:0; top:0;}
.h0me {background:url(images/main-home.gif) 0 0 repeat-x; width:628px;}
.pages {background:#f9f9fa url(images/pages.gif) 0 bottom repeat-x; height:537px; width:621px;}
.pg {background: url(images/hrep.gif) right 0 repeat-y; }
#main p.cner {margin:0; padding:0; position:absolute; width:12px; height:12px; bottom:0; right:-7px; background:url(images/cner.gif) 0 0 no-repeat;}

/* HOME */
#vid {
	position:relative;
  width:410px;
  float:left;
  margin:10px 0 5px 62px;
  padding:0;
  overflow:hidden;
  height:304px;
  font-size:11px;
}
#vid p.playa {width:410px; height:304px; background: url(images/playa.gif) 0 0 no-repeat; padding:0;  margin:0; }
#vid div, #vdesc div, #vdesc2 div {
	position:absolute;
  width:410px;
  float:left;
  margin:0;
  padding:0;
}
#vid div { height:304px;}
#vdesc div, #vdesc2 div { height:66px; background:url(images/main-home.gif) 0 -322px repeat-x;}
#vid embed {
	position:static;
	width:410px;
	height:304px;
  display:none;
  float:left;
}
#vid embed.active {display:inline; }
#vdesc, #vdesc2 {
  width:410px;
  float:left;
  margin:3px 0 4px 62px;
  padding:0;
  overflow:hidden;
  height:62px;
  font-size:11px;
}
#content #vdesc h1, #content #vdesc2 h1, #content #rbox h2 { font-size:14px; margin:0; padding:0; line-height:12px; text-align:left;}
#vdesc p, #vdesc2 p { color:#666; margin-top:5px; }
#vdesc {z-index:1; position:relative;}
#vdesc2 {
 z-index:2; 
 position:absolute; 
 top:319px;
 left:0;
  opacity:0;
  filter: alpha(opacity = 0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1; 
}
#vdescab2 {position:relative;}


#steer {
  float:left;
  width:105px;
  margin:33px 0 0 26px;
  padding:49px 0 0 0;
  list-style:none;
  background:url(images/week.gif) 0 0 no-repeat;
}
.days li {
  color:#949393; 
  height:19px; 
  margin:0 0 2px 0; 
  padding:4px 0 0 0; 
  text-align:center; 
  text-transform:uppercase; 
  font-weight:bold;
  background:url(images/week-li.png) center 0 no-repeat;
  cursor:pointer; 
}
.days li.active, .days li:hover {background:url(images/week-li.png) center -33px no-repeat; color:#6a6868}
.days li:hover {opacity:0.5; filter:alpha(opacity=50);}

#stake, #stake a {
  float:right;
  width:133px;
  height:116px;
  padding:0;
}
#stake {margin:33px 12px 0 0; background:url(images/sweepstakes.jpg) 0 0 no-repeat;}
#stake a {background:url(images/sweepstakes.jpg) 0 -126px no-repeat; }
.stake-img {position:relative; }
.stake-img img {position:absolute; right:35px; top:10px;}

.ifr4m3 {
  width:500px;
  margin:0; 
  padding:0 10px 0 5px;
    -moz-border-radius:4px;
  -khtml-border-radius:4px;
  -webkit-border-radius:4px;
  background:#FFF;
}
#qotd {
  position:absolute;
  right:0; bottom:13px;
  z-index:100;
}
#qotd, #qotd a {
  width:130px;
  height:83px;
  float:right;
}
#qotd a {background:url(images/qotd.png) 0 0 no-repeat; }

/* BOTTOM NAV */
#bnav {
  width:628px;
  height:149px;
  background:url(images/bnav.jpg) 0 0 no-repeat;
  margin:0; padding:0;
  float:left;
}

#bnav p, #bnav p a {float:left; height:149px; margin:0; padding:0; text-align:center;}
#b1, #b1 a {width:206px;}
#b2, #b2 a {width:187px;}
#b3, #b3 a {width:235px;}
#b1 a {background:url(images/bnav.jpg) 0 -159px no-repeat;}
#b2 a {background:url(images/bnav.jpg) -206px -159px no-repeat;}
#b3 a {background:url(images/bnav.jpg) -393px -159px no-repeat;}


/* PAGES */
.entry { margin:0 15px 10px; padding:5px 10px; text-align:left; color:#666; }
#rbox {
  float:left;
  width:586px;
  background:url(images/rbox.gif) 0 0 repeat-y;
  margin:50px 0 0 20px;
  padding:0;
}
#rbox p.t0p, #rbox p.b0t {margin:0; padding:0; width:586px; height:12px; float:left; }
#rbox p.t0p {background:url(images/rbox-top.gif) 0 0 no-repeat; }
#rbox p.b0t {background:url(images/rbox-bot.gif) 0 0 no-repeat; }
#rb0x {
  width:604px;
  background:url(images/rb0x.gif) 0 0 repeat-y;
  float:left;
  text-align:center;
  margin:12px 0 0 7px;
  overflow:hidden;
  position:relative;
}
#rb0x p.t0p, #rb0x p.b0t {margin:0; padding:0; width:604px; height:12px; float:left; }
#rb0x p.t0p {background:url(images/rb0x-top.gif) 0 0 no-repeat; }
#rb0x p.jud6e {background: url(images/judge2.gif) 0 0 no-repeat; width:231px; height:360px;position:absolute;right:5px;bottom:-7px;}

#rb0x p.b0t {background:url(images/rb0x-bot.gif) 0 0 no-repeat; }
#rb0x h2, #rb0x h1 {height:12px; margin:0; padding:0; }
#rb0x h3 {margin:5px 0; padding:0;}
.result ul.ulttl {font-weight:bold; }
.result ul.ulttl  li {background:#999; color:#FFF;}
.result ul {width:500px; margin:0 auto 10px; list-style:none;}
.result li {float:left; width:30%; font-size:11px; color:#666; padding:5px 0; margin:1px; background:#ededed;}
.result {width:560px; height:140px; margin:5px auto; overflow:auto;}

/* Gallery ABOUT */
#abgal {
  float:right;
  width:260px;
  text-align:right;
  margin:20px 5px 0 0;
}
#abgal p {float:right; margin:0 0 5px 5px; padding:0; }
#abgal p img {width:65px; height:65px; padding:2px;}
#abgal p a img {border:1px solid #d2d2d2;}
#abgal p a:hover img {border:1px solid #999;}

/* LEGAL PAGE */
#accordion { margin:20px 0px; }

input.toggler {
	cursor: pointer;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}


/* CONTACT FORM */
#exA { width:460px;}
#exA label {}
#exA input, #exA textarea, #commentblock input, #commentblock textarea {
  width:280px;
  font-size:12px;
  font-family:Arial;
  padding:2px;
  border:0;
  margin:1px 0;
  background:#e9e8e8;
  -moz-border-radius:4px;
  -khtml-border-radius:4px;
  -webkit-border-radius:4px;
  float:left;
}
#exA input#security_code {font-size:20px; font-weight:bold; width:100px;}
#exA .fValidator-msg {text-indent:-9000px; background:url(images/x.gif) 3px 3px no-repeat; width:13px; float:left;}
#exA_Emailrequired_msg, #exA_Phonerequired_msg, #security_coderequired_msg {display:none;}
#exA .c0de {color:#666; padding:5px 0 0; margin-left:150px; font-size:10px;}
#exA label {padding:2px 0; float:left; width:150px;}
#exA label.b {background:url(images/sec.gif) 0 0 no-repeat; padding:2px 0 2px 2px; width:148px; }
#exA input.sbmt {
  border:1px solid #d2d2d2;
  cursor:pointer; 
  margin:10px 0;
  width:100px;
  font-weight:bold;
  background:#FFF;
  -moz-border-radius:13px;
  -khtml-border-radius:13px;
  -webkit-border-radius:13px;
  float:left;
}

/* CONTACT FORM */
#fycase {width:540px; margin:0 auto; }
#case { width:540px; margin:0 auto;}
.casel {float:left; width: 250px; margin:0 15px 0 0;}
.caser {float:right; width: 515px; margin:15px 25px 0 0;}
.caseh1 {text-align:center; background:url(images/caseh1.gif) center 0 no-repeat; height:58px; margin:0 0 5px 0;}
.stakeh1 {text-align:center; background:url(images/stakeh1.jpg) center 0 no-repeat; height:75px; margin:0 0 5px 0;}
.case-liner {background:url(images/case-liner.gif) 0 0 no-repeat; text-align:center; height:3px; margin:0; padding:0;}

#case input, #case textarea {
  width:115px;
  font-size:12px;
  font-family:Arial;
  padding:2px;
  border:1px solid #FFF;
  margin:2px 0;
  background:#FFF;
  -moz-border-radius:4px;
  -khtml-border-radius:4px;
  -webkit-border-radius:4px;
  float:right;
}
#case select#case_State {
  padding:2px;
  width:120px;
  font-size:11px;
  -moz-border-radius:4px;
  -khtml-border-radius:4px;
  -webkit-border-radius:4px;
  border:1px solid #FFF;
  margin:2px 0;
  float:right;
}
#case input#case_Sex, #case input#case_Marital, #case input#case_Claim, #case input#case_CounterClaim, #case input.chk {width:15px; float:right; }
#case label#l_Sex {font-size:10px;width:40px; float:right; text-transform:lowercase;padding:0 3px 2px;}
#case label#l_Case {font-size:10px;width:30px; float:right; text-transform:lowercase;padding:0 3px 2px;}
#case div.caser label.evolve {font-weight:normal; float:left;}
#case input#case_Agree, #case input#case_Landlord, #case input#case_Car, #case input#case_Contracting, #case input#case_Animal, #case input#case_Weddding,
#case input#case_Property, #case input#case_Injury,#case input#case_Family,#case input#case_Neighbor,#case input#case_Divorce,
#case input#case_DuiDwi, #case input#case_CrimeDef, #case input#case_Injury2, #case input#case_backruptcy {width:15px; float:left; margin-right:10px; margin-left:10px;}
#case input#case_Agree {margin-left:310px;}
#case input#case_DfName, #case input#case_DlName {width:170px;}
#case label#l_DfName, #case label#l_DlName {width:150px;}
#case input#case_DPhone {float:right; width:120px;}
#case div.caser textarea {width:495px; float:right;}

#case div.casel label {padding:3px 0; margin:2px 0;float:left; width:110px; font-weight:bold; text-transform:uppercase; font-size:11px;}
#case div.caser label {font-weight:bold; text-transform:uppercase; font-size:11px; padding:2px 0; margin:2px 10px 2px 0; }
#case input.sbmt {
  float:left;
  border:1px solid #d2d2d2;
  cursor:pointer; 
  margin:10px 17px 20px 0;
  width:100px;
  font-weight:bold;
  background:#FFF;
  -moz-border-radius:13px;
  -khtml-border-radius:13px;
  -webkit-border-radius:13px;
}
#case .fValidator-msg {text-indent:-9000px; background:url(images/x.png) 0 3px no-repeat; width:13px; float:right;}
#case_Ziprequired_msg, #case_Emailrequired_msg, #case_Phonerequired_msg, #case_Suingrequired_msg, #case_DPhonerequired_msg {display:none;}

#pwprot input, #loginform input {
  width:200px;
  -moz-border-radius:4px;
  -khtml-border-radius:4px;
  -webkit-border-radius:4px;
  border:1px solid #e4dfdf;
  margin:2px 2px;
  background:#e9e8e8;
  padding:3px;
}
#pwprot input.sbmt, #loginform input#wp-submit {
  width:100px;
  font-weight:bold;
  background:#FFF;
  -moz-border-radius:13px;
  -khtml-border-radius:13px;
  -webkit-border-radius:13px;
}

/************************************************
*  Footer  *
************************************************/
#footer {
  height:94px;
  font-size:11px;
  text-transform:lowercase;
}
#footer p { float:right; padding:20px 0 0 0; margin:0;}
#footer, #footer a {color:#b7bab8;}
#footer a {padding:0 7px;}
#footer a:hover {color:#666;}

/************************************************
*  SLIMBOX  *
************************************************/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
 	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.lbLoading {background: #fff url(images/lb-load.gif) no-repeat center; }
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-khtml-border-top-left-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
  opacity:0.5;
  filter: alpha(opacity = 50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  zoom: 1;
}
#lbPrevLink { left:0; background: transparent url(images/lb-prev.png) no-repeat 0 100%;}
#lbNextLink { left: 50%; background: transparent url(images/lb-next.png) no-repeat 100% 100%;}
#lbPrevLink:hover, #lbNextLink:hover {
  opacity:1.0;
  filter: alpha(opacity = 100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  zoom: 1;
}
#lbPrevLink:hover { background: transparent url(images/lb-prev.png) no-repeat 0 100%; }
#lbNextLink:hover { background: transparent url(images/lb-next.png) no-repeat 100% 100%; }
#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
  	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-bottom-left-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/lb-close.gif) right 0 no-repeat;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber { margin-right: 71px;}
#lbCaption { font-weight: bold; color:#333;}
/************************
  MEDIABOX
************************/
#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF { background: transparent url(images/lb-80.png) repeat;}
#mbOverlay.mbOverlayIE { background: transparent url(images/lb-50.gif) repeat;}

#mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #e9e8e8;
	-moz-border-radius: 6px 6px 0 6px;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
  opacity:0.90;
  filter: alpha(opacity = 90);
  -moz-opacity: 0.90;
  -khtml-opacity: 0.90;
  zoom: 1;
}
#mbBottomContainer {background: transparent;}
.mbLoading { background: url(images/lb-load.gif) no-repeat center; }

#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #e9e8e8;
	background-repeat: no-repeat;
/* Sets the style for inline content, if no style is given	*/
	font-family: Arial;
	line-height: 19px;
	font-size: 12px;
	color: #000;
	text-align: left;
	-moz-border-radius: 6px 6px 0 6px;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
#mbImage a, #mbImage a:link, #mbImage a:visited { color: #ddd; } /*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active { color: #fff; } /*	Sets the style for inline content, if no style is given	*/
#mbBottom {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #666;
	text-align: left;
	border: 10px solid transparent;
	border-top-style: none;
  height:27px;
 
}

#mbTitle {
	display: inline;
	color: #FFF;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #666;
	line-height: 14px;
	font-size: 10px;
}

#mbCaption {
	display: block;
	color: #ccc;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink{
	display: block;
	float: right;
	height: 20px;
	width: 65px;
	margin: 0;
	outline: none;
}
#mbPrevLink { width: 83px; background: transparent url(images/lb-prev.png) no-repeat center; }
#mbNextLink { width: 54px; background: transparent url(images/lb-next.png) no-repeat center; }

#mbCloseLink { 
	display: block;
	float: right;
	margin: 0;
	outline: none;
  width: 65px; 
  height:37px; 
  background: transparent url(images/lb-close.png) right 0 no-repeat;
  position:absolute;
  top:0;
  right:0;
}

#mbError {
	position: relative;
	top: 30%;
	font-family: Arial;
	line-height: 19px;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 10px solid #700;
	padding: 20px 10px 30px;
	margin: auto;
}

/*LEGAL HELP PAGE*/

#lhelp {width: 510px; height:360px; margin:30px 0 0 10px;/*background: url(images/judge2.gif) no-repeat 240px top; border:1px solid #888888;*/}
#lhelp ul {margin:0; padding:0; list-style: none; padding:10px;}
#lhelp li.help_list {background: url(images/arrow.jpg) no-repeat left 5px; margin:30px 0 0; }
#lhelp li.help_list a:link,#lhelp li.help_list a:visited  {font-size:18px; font-weight: bold;color:#00491d; margin:0 0 0 30px; }
#lhelp li.help_list a:hover {color:#666666;}
#lhelp .list_em {font-size:12px; font-weight:normal; color:#555555;margin:0 0 0 30px;}

/*latest latest*/