/* CSS Document */
/* This Style Sheet is used to override core CSS classe */

#site-title a#med, #admin-title a#med
{
    font-size:20px;
}

#site-title a span#r, #admin-title a span#r 
{
	color: #CC3300;
	font-style: italic;
	font-weight: 600;
}

#site-title a span#g, #admin-title a span#g  
{
	color: #FA7905;
	font-style: italic;
	font-weight: 600;
}

#site-title a span#b, #admin-title a span#b
{
	color: #000099;
	font-style: italic;
	font-weight: 600;
}

.settings
{
	background: url(../img/settings.png) left no-repeat;
}

.user
{
	background: url(../img/user.png) left no-repeat;
}

.user span
{
	color:#009900;
}

#forgot
{
	color: #000099;
}

#forgot:hover
{
	color: #CC3300;
	text-decoration:underline;
}

.mt20
{
	margin-top:20px;
}

.mt60
{
	margin-top:60px;
}

.mt50
{
	margin-top:50px;
}

.mt80
{
	margin-top:80px;
}

.mb20
{
margin-bottom:20px;
}

hr
{
color:rgba(255, 255, 255, 0.5);
}


/*LOGIN PAGE SLIDER OVERRIDE*/


#ftbox .iosRotatingBanner
{
	width:468px;
	height:386px;
}

#ftbox .iosRotatingBanner .slider 
{
	width: 468px;
	height: 100%;
}

#ftbox .iosRotatingBanner .slider .ios-item 
{
	position: relative;
	top: 0;
	left: 0;
	width: 468px;
	height: 385px;
	background: #000099;
	margin: 0 0 0 0;
}

#ftbox .iosRotatingBanner .slider #ios-item1 
{
	background: url(../photos/1.jpg) no-repeat 50% 0;
}

#ftbox .iosRotatingBanner .slider #ios-item2 
{
	background: url(../photos/2.jpg) no-repeat 50% 0;
}

#ftbox .iosRotatingBanner .slider #ios-item3 
{
	background: url(../photos/3.jpg) no-repeat 50% 0;
}

#ftbox .iosRotatingBanner .slider #ios-item4 
{
	background: url(../photos/4.jpg) no-repeat 50% 0;
}

/*CONTROL PANNEL LEFT DROP DOWN*/

#setbox
{
float:right;
}

#topnav 
{
	margin:0px; 
	width:auto;
	list-style-type:none;
}

#topnav > li 
{
	float:left;
}

#topnav li a 
{
	min-width:205px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:28px;
	padding-right:42px;
	color:#CCCCCC; 
	text-decoration:none; 
	display:block;
	background:url(../img/account.png) right center no-repeat ;
}

#topnav li a:hover
{
color:#FFFFFF;
}

#topnav ul 
{
	background:#FFFFFF;
	-webkit-border-radius: 12px;  
	-moz-border-radius: 12px; 
	 border-radius: 12px;  
	margin:0px;
	min-width:300px;
	padding:0px; 
	border:1px solid #DDD; 
	font-size:12px; 
	display:none; 
	list-style-type:none; 
	position:absolute; 
	z-index: 9999;
}

#topnav ul li 
{
}

#topnav ul li:hover 
{
}

#topnav ul li a 
{
	padding:10px; 
	color:#666666;
	text-align:center;
	display:block;
	background:url(../img/no.png) right center no-repeat ;
}

#topnav ul li a:hover 
{
-webkit-border-radius: 12px;  
-moz-border-radius: 12px; 
 border-radius: 12px;
	padding:10px;
	color:#333333;
	display:block;
	background-color:#DDD;
}

#topnav li:hover ul.noJS 
{
	display: block;
}


#subhdrcnt
{
	font-size:18px;
}

#subhdrcnt #penaltitle
{
float:left;
width:530px;
}

#sub-footer #managerselector
{
line-height:14px;
font-size:14px;
float:left;
width:300px;
margin-top:16px;
background: rgba(255, 255, 255, 0.2);
-webkit-border-radius: 12px;  
-moz-border-radius: 12px; 
 border-radius: 12px; 

}

#info
{
width:650px;
margin:0 auto;
}

/* MAIN TAB CSS (LEFT BAR) */
#leftbar
{
width:200px;
list-style:none;
background-color:FFFFFF;
font-size:14px;
margin-top:0px;
}

#leftbar li
{
border:1px solid #DDD;
background:#FFFFFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
margin-top:8px;
}

#leftbar li:hover
{
border:1px solid #DDD;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#leftbar li a
{
display:block;
padding:25px;
color:#939598; 
}

#leftbar li a.active_tab
{
background-color:#FFFFFF;
border-left: 10px solid #1e2f4a;
color:#000000;
}

.container
{
display:table;
height:73%;
margin:20px;
width:1300px;
}

.block
{
display:table-row;
}



.left-col 
{
vertical-align:top;
display:table-cell;
width:220px;
}

.right-col
{
vertical-align:top;
display:table-cell;
width:1163px;
}

.view
{
min-width:690px;
min-height:400px;
height:100%;
overflow:scroll;
}

.sort
{
background:url(../img/sort.png) right center no-repeat;
padding-right:14px;
cursor: pointer;
}

select 
{
border:0;
border-radius:0;
font-size:14px;
}

option
{
color: #999999;
background:#FFFFFF;
padding-bottom:1px;
border:0;
text-align:center;
}

#selector
{
margin:2px;
margin-left:6px;
background: rgba(255, 255, 255, 0.2);
-webkit-border-radius: 12px;  
-moz-border-radius: 12px; 
border-radius: 12px; 
}

#makebold
{
font-weight:700;
color:#000000;
}

.makeboldnocolor
{
font-weight:700;
}

.cp_error
{
display:none;
}

.padding-form
{
padding-left:0%;
}

.portfolio-grid-container
{
width:100%;
display:table;
}

.portfolio-grid-box
{
width:23%;
padding:0px;
font-size:14px;
text-align:center;
float:left;
margin-right:19px;
margin-bottom:20px;
}

.portfolio-grid-box:hover
{
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.portfolio-grid-title
{
background-color:#57692F;
border-bottom:1px solid #FFFFFF;
padding-top:20px;
padding-bottom:20px;
}

.portfolio-grid-title h4
{
margin:0px;
padding:0px;
font-size:20px;
color:#FFFFFF;
}

.portfolio-grid-body
{
background: #929e78;
padding:0px;
}

.portfolio-grid-body div
{
margin:0px;
padding:0px;
font-size:16px;
padding-top:20px;
padding-bottom:20px;
color:#FFFFFF;
}

.big_font
{
font-size:20px;
font-weight:300;
}

.revert-color-title
{
background:#BB0000;
}

.revert-color-body
{
background:#ED3F3A;
}

.make_btn_big
{
width:250px;
text-align:center;
}

.int_butt_gaps
{
margin-right:425px;
float:left;
}

.gap
{
margin-left:100px;
}

.btnstyle
{
margin-top:5px;
width:auto;
font-family:'Open Sans',sans-serif;
font-size:20px;
font-weight:600;
color:#1e2f4a;
}

#dependent-1, #dependent-2, #dependent-3 { display:none; }

.dialog
{
display:none;
}

.optional
{
font-style:italic;
color:#FF0000;
}

.float-it-left
{
width:auto;
}

.portfolio-stat-container
{
display:table;

}

.usertitle
{
color:#CCCCCC;
font-size:12px;
font-weight:600;
}
.usertitle:hover
{
color:#FFFFFF;
font-size:12px;
font-weight:600;
}

.full-width
{
width:100%;
min-width:1200px;
}

.stratch
{
padding-left:40px;
}

.condence
{
width:260px;
}

.auto-cap
{
text-transform:uppercase;
}

.half
{
width:44%;
float:left;
margin-right:2%;
}
.quater
{
width:26%;
float:left;
margin-right:2%;
}

.stp
{
margin-right:0px;
}

.comment-font
{
font-family: "Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
font-stretch:ultra-condensed;
}

.portstatuscomplete
{
font-size:10px;
color: #009900;
font-weight:bold;
margin-bottom:14px;
text-align:center;
padding-bottom:5px;
border-bottom:#009900 2px solid;
}
.portstatusincomplete
{
font-size:10px;
color: #666666;
font-weight:bold;
margin-bottom:14px;
text-align:center;
padding-bottom:5px;
border-bottom:#666666 2px solid;
}

.toggle-2.toggle-item h6 div
{
float:left; 
width:50%;
}
.toggle-2.toggle-item h6 .big-right
{
float:left; 
width:65%;
text-align:right;
}

.toggle-2.toggle-item h6 .big-left
{
float:left; 
width:35%;
}
.big-left span
{
padding-left:10px;
}
.toggle-2.toggle-item h6 .rgn
{
text-align:right;
}
.resize
{
float:left;
width:32%;
margin-right:2%;
}
.resize2
{
float:left;
width:49%;
margin-right:2%;
}
.resize3
{
float:left;
width:60%;
margin-right:2%;
}
.resize4
{
float:left;
width:24%;
margin-right:2%;
}
.resize5
{
float:left;
width:40%;
margin-right:2%;
}
.end
{
margin-right:0;
}

td select{
margin-left:10px;
border:1px solid #939598;
color:#939598;
}

.lsd
{
font-size:11px;
font-weight:bold;
}

.divcalander td
{
background-color:#FFFFFF;
min-width:90px;
max-width:95px;
padding-right:0px;
padding-left:0px;
vertical-align:top;
}

.divcalanderhead td
{
background-color:#FFFFFF;
min-width:250px;
padding-right:0px;
}

.ann-date, .exd-date, .pay-date
{
width:75px;
height:70px;
padding:5px;
margin-top:4px;
border:3px solid #FFFFFF;
}
.ann-date
{
background:#006600;
}
.exd-date
{
background:#B52F2B;
}
.pay-date
{
background:#EE5A38;
}
.date-val
{
font-weight:bold;
}
.ann-date p, .exd-date p, .pay-date p
{
display:block;
text-align:center;
margin:5px 0px 0px 0px;
padding:0px;
color:#FFFFFF;
font-size:12px;
text-align:center;
}