/* myLaw Portal specific syles */
/* globals */

.pull_quote_cardinal {
background: #900;
color: #fff;
font-size: 110%;
padding: 15px;
width: 50%;
}

.pull_quote_cardinal p {
color: #fff;
font-size: 110%;
}

body { background:url(../images/shared/gradient_black2.png) 0 0 repeat-x transparent; }

p, li { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	line-height:16px;
	}

/* header */

#uscbranding h1, #uscbranding h2 { background-color: #000; }

/* nav */

#nav li {
	display:block;
	height:auto;
	padding:0;
	text-indent:0;
	line-height:1em;
	font-weight:bold;
	background: none;
	margin:0 0 0 10px;
	padding:0 10px 0 0;
	border-right:1px solid #5a5a5a;
	color:#5a5a5a;
	height:11px;
	}
	
#nav li.last { padding:0; border-right:none; }
	
#nav li .user { color:#fff; }
	
#nav li a, #nav li a:visited {
	display:block;
	height:auto;
	padding:0;
	margin:0;
	text-indent:0;
	background: none;
	color:#5a5a5a;
	}
	
#nav li a:hover { color:#fff; }

/* main tabs */

#maintabs h1 {
	margin:0 36px 0 0;
	width:130px;
	height:57px;
	background:url(../images/shared/mylaw.png) 0 0 no-repeat transparent;
	}

#maintabs h1 a {
	width:130px;
	height:49px;
	
	
	
	}
	.banner-message {
    padding: 15px;
    background-color: #212121;
    color: #fff !important;
    margin: auto;
	height:auto;
	
	
	}
	.banner-message, .banner-notary  a{
	color:#fff;
	
	}
	.banner-message li{
	margin:0px;
	padding-bottom:5px;
	text-align:left;
	font-size:12px;
	margin-left: 10px !important;
	
	}
	.banner-message ul li::before{
   content: none;
   
	font-weight: bold;
	display: inline-block; 
	width: 1.3em;
	
	
	
	

	} 
	.banner-message p {
	color:#fff;
	margin:0px 200px 0px 0px;
	text-align: center;
	font-size:14px;

	} 
	.banner-message h3 {
	color: #ffcc00;
    font-size: 15px;
	line-height:20px;
	margin-bottom:5px;
	text-align: left;
	
	
	
	
	}
	.banner-message-forms {
    padding: 15px;
    background-color: #ffcc00;
    color: #fff !important;
    margin: auto;
	height:auto;
	
	
	}
	.banner-message-forms a{
	color:#900;
	
	}
	.banner-message-forms li{
	margin:0px;
	padding-bottom:5px;
	text-align:left;
	font-size:12px;
	margin-left:10px;
	
	}
	.banner-message-forms ul li::before{
    color: #FFCC00;
	font-weight: bold;
	display: inline-block; 
	
	
	
	

	} 
	.banner-message-forms p {
	color:#fff;
	margin:0px 200px 0px 0px;
	text-align: center;
	font-size:14px;

	} 
	.banner-message-forms h3 {
	color: #000;
    font-size: 15px;
	line-height:20px;
	margin-bottom:5px;
	text-align: left;
	
	
	
	
	
	
	}

#maintabs { height:47px; }

#maintabs h1 { margin:0 40px 0 0;}

#maintabs ul { margin-top:32px; }

#maintabs li { margin:0; }
	
#maintabs li, #maintabs li .active, #maintabs li a, #maintabs li a:visited { height:25px; text-indent:0; }

#maintabs li {
	padding:0 0 0 9px;
	background:none;
	}

#maintabs li a, #maintabs li a:visited {
	padding:4px 17px 0 8px;
	font-family:Frutiger, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	background:none;
/*	text-transform:uppercase; */
	}

#maintabs li.active { background:url(../images/shared/tableft.png) top left no-repeat transparent; }	

#maintabs li.active a, #maintabs li.active a:visited {
	background:url(../images/shared/tabright.png) top right no-repeat transparent;
	color:#000;
	}	







#maintabs li, #maintabs li .active2, #maintabs li a, #maintabs li a:visited { height:25px; text-indent:0; }

#maintabs li {
	padding:0 0 0 9px;
	background:none;
	}

#maintabs li a, #maintabs li a:visited {
	padding:4px 14px 0 8px;
	font-family:Frutiger, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13.6px;
	background:none;
/*	text-transform:uppercase; */
	}

#maintabs li.active2 { background:url(../images/shared/tableft2.png) top left no-repeat transparent; height: 35px; }	

#maintabs li.active2 a, #maintabs li.active2 a:visited {
	background:url(../images/shared/tabright2.png) top right no-repeat transparent;
	color:#000;
	height: 35px;
	}	


.alert {
  padding: 15px;
  background-color: #ffcc00;
  color: #000;
  text-align:center;
  margin:auto;
  line-height:10px;
  margin-bottom:8px;

  }
  .alert h3{
  font-size:15px;
  margin:0px;text-align: center;
  padding-bottom: 5px;
  font-weight:normal;
  line-height: 25px;

}
.closebtn {
  margin-left: 15px;
  color: #000;
  font-weight: bold;
  float: right;
  font-size: 25px;
  line-height: 25px;
  cursor: pointer;
  transition: 0.3s;
  
}
.closebtn:hover {
  color: #900;

}
.maintenance-message{
		background-color: #900;
        padding: 15px;
		text-align:center;
		margin:auto;
		color:#fff;
		display:none !important;
}
.maintenance-message h3{
		margin:0px;
		text-align: center;
		font-size:20px;
		font-weight:bolder !important;
		vertical-align: middle;
		color:#ffcc00;
}
.maintenance-message p{
	margin:0px;
	color:#fff;














}
#threecolumn li, #twocolumn li, #fullpage li {
	list-style-image:url(../images/shared/redbullet.gif);	
	}

#threecolumn ol li, #twocolumn ol li, #fullpage ol li {
	list-style-image:none;	
	}
	
#leftnav li li { list-style-image:none!important; }

#useradmin a { text-indent:-10001px; display:block; width:165px; height:20px; background:url(../images/portal/icons/useradmin.png) 0 0 no-repeat transparent; }
#useradmin a:hover { display:block; width:165px; height:20px; background-position:0 -20px; }

/* layout overrides */

.ibelieveinmagic, #content {
/*	-webkit-border-radius: 5px; -moz-border-radius: 5px; */
	background-clip:padding-box;
}

#fullpage #main { margin: 15px 20px 0; }

#twocolumn.ibelieveinmagic { background:none; }

#twocolumn #mainwrapper, #threecolumn #columns { background:transparent; }

#twocolumn #main { margin: 15px 20px 0 230px; }

#twocolumn #leftnav {
	margin-top:15px;
		right:180px;
	}
	
#threecolumn #columns {
	left:420px; /* leftnav width + rightnav width */
	}

#threecolumn #main { margin: 15px 250px 0 210px; }

#threecolumn #leftnav { 
	margin-top:15px;
	width:180; }

#threecolumn #rightnav {
	margin-top:15px;
	margin-right:40px;
	width:200px;
	}	

/* shadow boxes */

.shadowbox {
/*	-moz-box-shadow: 0px 0px 8px #aaa;
	-webkit-box-shadow: 0px 0px 8px #aaa;
	box-shadow: 0px 0px 8px #aaa; */
	border: 1px solid #d6d6d6;
	background-image:none;
	padding:0;
	margin:0 3px 15px;
	}
	
.widget {
	padding:0;
	margin:0;
	overflow:auto;
	background-image:none;
	}

/*.shadowbox {
	background:url(../images/shared/shadowbox.png) top left transparent;
	padding:4px 0 0 4px;
	margin-bottom:5px;
	}
	
.widget {
	background:url(../images/shared/shadowbox.png) bottom right transparent;
	margin:0 -2px 10px 0;
	padding:1px 5px 1px 1px;
	overflow:auto;
	}	

.shadowbox {
	background:url(../images/shared/shadowbox.png) 0 0 transparent;
	padding:4px 0 0 4px;
	position:relative;
	}
	
.widget {
	background:url(../images/shared/shadowbox.png) 100% 100% transparent;
	position:relative;
	margin:0 -4px -8px 0!important;
	padding:1px 5px 1px 1px;
	overflow:auto;
	}	*/

#main, #leftnav, #rightnav {
	padding-top:5px;
}

.portalpage, .testwindow { padding:10px; margin:0; overflow:hidden; background-color:#fff; position:relative; }

.portalpage p, .portalpage li { line-height:20px; }
.portalpage ul li:last-child { margin-bottom:0; }
.portalpage ul:last-child, .portalpage p:last-child { margin-bottom:0; }
.portalpage ul + br { line-height:0; margin:0; padding:0; }

.goldbg { 
/*	background:url(../images/shared/gradient-gold.gif) 0 0 repeat-x #fff; */
background-color: #fff;
	margin-bottom:20px;
	padding:20px 10px;
	overflow:hidden;
	}

#welcome {
	height:400px;
	}
	
#welcome p { 
	color:#000!important;
	font-size:12px!important;
	}
	
#welcome h1  { 
	font-size:22px!important;
	line-height:30px!important;
	font-family:Arial, Helvetica, sans-serif;
	color:#900;
	}
	
#welcome img.account { 
	margin-left:20px;
	}

.silverbg { 
/*	background:url(../images/shared/gradient-silver.jpg) 0 0 repeat-x #fff; */
background-color: #fff;
 	overflow:hidden;
	height:70px;
	} 

.silverbg h1 { 
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin:20px;
	color:#000;
	} 
	
.login {
	padding:0;
	margin-top:0;
	overflow:hidden;
	float:right;
	} 

.login form { margin:0;padding:0;float:left; }
/*.login form { margin:0;padding:0;border-right:1px #c2c2c2 solid; float:left; }*/
	
.login label { width:170px;text-align:left;font-size:11px;margin:5px 13px 0 0;float:left; }
	
.login input { width:170px;margin:0 5px 0 0;float:left; }
	
.login input.pressme { 
	width:70px;
	height:20px;
	display:block;
	text-indent:-10001px;
	background:url(../images/portal/login.png) 0 0 no-repeat transparent;
	border:0;
	cursor:pointer;
 }
	
.login .rememberme {
	width:auto;
	border:0;
	margin:5px 5px 0 0;
	padding:0;
	background:none;
	float:left;
	}
	
.login label.rememberme {
	margin-top:3px;
	color:#555;
	}
	
.login h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	}
	
.forgot {
	width:100px;
	height:70px;
	float:left;
	text-align:center;
	padding:0 1px;margin:20px 0 0 0!important;
	border-left:1px solid #fff;
	}
	
.forgot p {
	font-size:11px;
	}
	
/* columns */

.column { 
	width:216px;
	margin-left:10px;
	}

.first {
	margin-left:0;
	padding-left:0;
	}

.column .widget p, .column .widget h1, .column .widget h2, #leftnav .widget p, #leftnav .widget h1, #leftnav .widget h2 {
	padding:0 10px!important;
	}

#leftnav h3, .titlebar h3 {
	font-size:12px;
	line-height:18px;
	font-weight:bold;
/*	background:url(../images/shared/titlegradient.png) left bottom repeat-x #fff; */
background-color: #d6d6d6;
	padding:5px 10px;
	margin:0;
	display:block;
	}

#rightnav {
	font-size:11px;
	line-height:15px;
	}

a.toggle {
	background:url(../images/shared/toggle-down.gif) right top no-repeat transparent;
	display:block;
	}

#instructions .widget { height:370px; }
#instructions .column { margin-left:6px; }
#instructions .first { margin-left:0; }
#instructions p { margin-bottom:10px; }

.tabcontent { padding:5px; background-color:#fff; margin-bottom:5px; }
.tabcontent ul, .tabcontent ol { margin: 5px 20px!important; }
.tabcontent li { margin-bottom:5px!important; font-family:Arial, Helvetica, sans-serif!important; }

.friendbox {
	margin:0!important;
	text-align:center;
	width:76px!important;
	height:130px!important;
	overflow:hidden;
	float:left;
	display:inline;
	}

.friendbox img, .gallerythumb img { margin:0 auto; }

.friendbox p, .gallerythumb p {
	text-align:center;
	display:inline;
	padding:0;
	margin:0;
	line-height:.8em;
	}

#applications ul { margin:10px 0 0 20px; width:170px; }
#applications li { margin-right:2px; }

.widget#applications { overflow:hidden; background:#fff; }
	
a.signalbulb { float:right; width:12px; height:12px; text-indent:-10001px; background:url(../images/shared/signalbulb.png) 0 0 no-repeat; padding:0; margin:7px 2px 0; }	

a.signalbulb:hover { background-position: 0 -12px; }
	
a.deactivated:hover, a.activated { float:right; width:12px; height:12px; text-indent:-10001px; background:url(../images/shared/signalbulb.png) 0 -24px no-repeat; padding:0; margin-left:8px; }	

a.deactivated, a.activated:hover { float:right; width:12px; height:12px; text-indent:-10001px; background:url(../images/shared/signalbulb.png) 0 -36px no-repeat; padding:0; margin-left:8px; }

.bottomoptions {
	position:absolute;
	display:block;
	width:100%;
	background:#fff;
	height:20px;
	border-top:1px dashed #ccc;
	bottom:0;
	margin-right:1px;
}

.bottomoptions p {
	margin-right:10px!important;
	line-height:1em;
}

ul.tabset li a { padding:4px 15px 0 7px!important; }

.related li {
	background:none!important;
	padding-left:0!important;
	margin-left:0!important;
	}

.smaller {
font-size: 11px;
}