﻿* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 12px "Segoe UI",Arial,Helvetica,sans-serif  !important;
	color:#1f1f1f;
}

table, tr, td 
{
    /*font:13px/18px Arial, Helvetica, sans-serif;*/
	color:#1f1f1f;
}

a {
	outline:none;
	text-decoration:none;
}

/*
a:hover {
	text-decoration:underline;
}
*/

img {
	border:0;
}

*:focus {
	outline:none;
}

input[type=submit]:hover {
	cursor:pointer; 
}

.floatLeft {
	float:left !important;
}
.floatRight {
	float:right !important;
}

/* ================================
	HEADER STYLES
================================ */

#headerContainer,
#footerContainer {
	display:block;
	padding-left:10px;
	padding-right:10px;
	margin:0 auto;
}

#header {
	display:block;
	/*overflow:hidden;*/
}

#topHeader {
	display:block;
	overflow:hidden;
	padding:10px 0 5px 0;
	/*border-bottom:1px solid #444;*/
}

#topHeader img {
	display:block; 
	overflow:hidden; 
	float:right;
}

#mainHeader {
	display:block;
	overflow:hidden;
	/*padding:15px 0;
    margin-bottom:25px;*/
}

.mainLogo {
	display:block;
	overflow:hidden;
	float:left;
	margin-top:10px;
}

#rightMainHeader {
	display:block;
	overflow:hidden;
	float:right;
	text-align:right;
}

#rightMainHeader li {
	display:block;
	overflow:hidden;
	float:right;
	list-style:none;
	font-size:10px;
	color:#828282;
}

.headerSearch {
	display:block;
	overflow:hidden;
	/*margin-bottom:10px;*/
	position:relative;
	/*height:50px;*/
}

.headerSearch li {
	margin-left:20px;
}

.searchBox {
	display:block;
	overflow:hidden;
	margin-bottom:2px;
	width:160px;
	padding:3px 5px;
	line-height:16px;
	position:relative;
	background:url(../images/header_search_box.jpg) no-repeat;
}

.searchBox input[type=text] {
	width:160px;
	outline:none;
	border:0;
	height:16px;
	font-size:10px;
	color:#828282;
	text-align:right;
}

.searchBox label { 
	position:absolute; 
	top:3px; 
	right:5px;
	line-height:16px;
	text-transform:uppercase;
}

.searchBox label:hover {
	cursor:text; 
}

.searchOptions {
	display:block;
	overflow:hidden;
	width:170px;
}
.searchOptions p {
	display:block;
	overflow:hidden;
}

.searchOptions p label {
	margin-left:5px;
	line-height:20px;
}

.fontOptions {
	display:block;
	overflow:hidden;
	padding-top:27px;
	line-height:13px;
	height:13px;
	background:url(../images/font_seperator.png) bottom center no-repeat;
}

.fontOptions img {
	margin:0 6px;
}

.headerNav {
	display:block;
	overflow:hidden;
}

.headerNav li {
	border-right:1px solid #CCC;
	line-height:11px;
	padding:0 7px;
	color: Black;
	font-size:12px !important;
}

.headerNav li.lastNavList {
	border-right:0;
	padding-right:0;
}

.headerNav li a {
	color:Black;
}

#navHolder {
	display:block;
	/*overflow:hidden;*/
}

.topNav {
	display:block;
	overflow:hidden;
	line-height:27px;
	/*font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;*/
}

.topNav ul {
	display:block;
	overflow:hidden;
	font-size:18px;
	margin-bottom:10px;
	padding:0 5px;
}

.topNav li {
	display:block;
	overflow:hidden;
	list-style:none;
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	line-height:20px;
}


.prelogin .topNav li {
	margin-right:40px;
}

.topNav li {
	margin-right:30px;
}

.topNav li.floatRight {
	padding:0;
	margin:0;
}

.topNav li a {
	color:#414141;
}

.topNav li a:hover, .topNav li.selected a {
	color:#4c89c1;
	text-decoration:none;
}

.topNav > a {
	display:block;
	overflow:hidden;
	float:right;
	width:95%;
	color:#EEE;
	font-size:14px;
	background:url(../images/nav_top_blue.png) no-repeat;
}

.topNav > a:hover {
	color:#FFF;
	text-decoration:none;
}

.bottomNav {
	display:block;
}
.prelogin .bottomNav {
	height:35px;
}

.bottomNav {
	height:20px;
}

.leftNavCap, .rightNavCap {
	display:block;
	overflow:hidden;
	background-image:url(../images/nav_bottom_left_blue.png);
}

.leftNavCap { width: 5px; }

.rightNavCap { width: 8px; }

.prelogin .leftNavCap, .prelogin .rightNavCap {
	height:63px;
	background-position:0 0;
}

.leftNavCap, .rightNavCap {
	height:45px;
	background-position:0 -63px;
}

.leftNavCap {
	float:left;
}

.rightNavCap {
	float:right;
	background:url(../images/nav_bottom_right_blue.png) no-repeat;
	margin-top: -45px;
	margin-right: -3px;
}

.middleNav {
	display:block;
	/*overflow:hidden;*/
	width:100%;
	/*background-image:url(../images/nav_bottom_center_blue.png);
	background-repeat:repeat-x;*/
}

.prelogin .middleNav {
	background-position:0 0;
	height:46px;
	padding:9px 10px 8px 10px;
}

.middleNav {
	background-position:0 -63px;
	height:25px;
	padding-top:5px;
	padding-bottom:5px;
}

.prelogin > .middleNav ul {
	display:block;
	position:relative;
}

.prelogin .middleNav li {
	display:block;
	float:left;
	width:auto;
	color:#FFF;
	list-style:none;
	border-left:1px solid #518fd5;
	border-right:1px solid #64a4ea;
	position:relative;
	z-index:20;
}

.prelogin .middleNav li.first {
	border-left:0;
	margin-left:-20px;
}

.prelogin .middleNav li.last {
	border-right:0;
	width:445px;
	padding-left:35px;
}

.prelogin .middleNav li > a {
	display:block;
	overflow:hidden;
	color:#EEE;
	padding:0 34px;
}

.prelogin .middleNav li > a:hover {
	text-decoration:none;
	cursor:pointer;
	color:#FFF;
}

.prelogin .middleNav li.first > a {
	width:190px;
}

.prelogin .middleNav li h4 {
	display:block;
	overflow:hidden;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-size:16px;
	line-height:24px;
}

.prelogin .middleNav li h4 span {
	float:left;
}

.prelogin .middleNav li h4 img {
	float:left;
	margin:10px 0 0 7px;
}

.prelogin .middleNav li p {
	display:block;
	overflow:hidden;
	font-size:11px;
}

.prelogin .middleNav li.last p {
	display:block;
	overflow:hidden;
	float:left;
	position:relative;
	margin-right:10px;
}

.prelogin .middleNav li.last p span {
	display:block;
	overflow:hidden;
	width:150px;
	height:20px;
	padding:5px 10px;
	background:url(../images/input_login_bg.png) no-repeat;
}

.prelogin .middleNav li.last p span input {
	outline:none;
	border:0;
	width:150px;
	height:20px;
	line-height:20px;
	font-size:14px;
	color:#7f7f7f;
	font-style:italic;
}

.prelogin .middleNav  li.last p label {
	position:absolute;
	top:5px;
	left:10px;
	color:#7f7f7f;
	font-size:14px;
	line-height:20px;
	font-style:italic;
}

.prelogin .middleNav li.last p label:hover {
	cursor:text;
}

.prelogin .middleNav li.last p a {
	color:#EEE;
	font-size:11px;
	line-height:20px;
}

.prelogin .middleNav li.last p a:hover {
	color:#FFF;
	text-decoration:none;
}

.prelogin .middleNav li.last input[type=submit] {
	display:block;
	float:left;
	width:80px;
	height:30px;
	background:url(../images/input_submit_bg.png) no-repeat;
	text-align:center;
	color:#EEE;
	font-size:14px;
	line-height:30px;
	border:0;
}

.prelogin .middleNav li.last input[type=submit]:hover {
	color:#FFF;
}

/*.bottomNav li ul { 
	position:absolute;
	display:none; 
	left:2px;
	height:auto !important;
	width:auto !important;
	margin:0;
	background:none;
	padding-top:20px;
}*/

.prelogin .bottomNav li ul {
	top:34px;
}

.bottomNav li ul {
	top:16px;
}

.bottomNav li.first ul {
	left:10px;
}

/*.bottomNav li ul li { 
	clear:left;
	list-style-type:none; 
	display:block; 
	padding:0;
	margin:0;
	border:none;
	background:#518dcf;
	border-top:1px solid #6399d4;
	border-bottom:1px solid #4171a6;
}*/

/*
.bottomNav .middleNav li ul li a {
	display:block;
	overflow:hidden;
	padding:7px 15px;
	color:#EEE;
	width:200px;
}*/

/*
.bottomNav li ul li a:hover { 
	color:#FFF; 
	background:#497fba; 
}


.bottomNav li:hover ul,
.bottomNav li.over ul { 
	display: block;
    color: Red;
}  The magic */

div.RadMenu .rmRootGroup .customClass
{
	float:right !important;
}

.middleNav ul {
	display:block;
	/*overflow:hidden;*/
}

.middleNav .floatRight {
	text-align:right;
	margin-top: -20px;
	z-index:50;
}

.middleNav li {
	list-style:none;
	color:#FFF;
	float:left;
	font-size:16px;
	line-height:25px;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
}

/*.middleNav li a {
	display:block;
	overflow:hidden;
	color:#EEE;
	padding-right:12px;
	background:url(../images/nav_main_right_arrow.png) right 10px no-repeat;
}*/

/*
.middleNav li a:hover {
	color:#FFF;
	text-decoration: underline;
}*/

.admin, .userInfo {
	border-right:1px solid #64a4ea;
	padding-right:20px;
}
.changePwd, .logging, .changePwd {
	border-left:1px solid #518fd5;
	padding-left:20px;
	padding-right:10px;
}

.updateProfile {
	border-left:1px solid #518fd5;
	border-right:1px solid #64a4ea;
	padding-left:20px;
	padding-right:20px;
}

.userInfo span {
	color:#d5e3f3;
	font-size:12px; 
}

.adminmenu
{
    font-size: 9pt!important;
    padding-left: 10px;
    color: Orange!important;
}

/* ================================
	BODY STYLES
================================ */

h3 { text-transform: uppercase; font-size: 10pt; color: #3B9BE3; text-shadow: 0 -1px 1px #006699; }

.newtask tr
{
    height: 40px;
}

#contentContainer
{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

/* ================================
	FOOTER STYLES
================================ */

#bannerHolder {
	display:block;
	overflow:hidden;
	margin-bottom:25px;
	text-align:center;
}

#footer {
	display:block;
	overflow:hidden;
	margin-bottom:20px;
	padding-top:5px;
	border-top:1px solid Gray;
	color:Black;
	font-size:10px;
	line-height:12px;
	text-transform:uppercase;
}
.copyright {
	display:block;
	overflow:hidden;
	float:left;
	padding-left:0px;
	/*background:url(../images/footer_lawnet_logo.jpg) left center no-repeat;*/
}
.footerLinks {
	display:block;
	overflow:hidden;
	float:right;
}
.footerLinks a {
	color:Black;
}
.footerLinks span {
	margin:0 4px;
	font-weight:bold;
}

/*
#header {
    height: 67px;
    padding: 5px;
}

#footer 
{
    background-color: #fff;
    color: #878787;
    height: 25px;
    padding: 5px;
    font-size: 9pt;
}

#footer-left {margin:0; float:left;}
        
#footer-right {margin:0; float: right;}

#body {
   
}

#loginbox
{
	margin-top: 70px;
	background: -moz-linear-gradient(100% 100% 90deg, #E7E7E7, #FFFFFF) repeat scroll 0 0 transparent;
    box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.4);
	width: 307px;
	border-radius: 4px 4px 4px 4px;
	padding: 10px;
	background-color: #E7E7E7;
}

#loginbox h1 { color: #000000; padding:0; font-weight: bold; }

#btnLogin
{
	background-color: #3B9BE3;
    background-image: linear-gradient(to bottom, #3B9BE3, #2872BE);
    border-color: #037BB7 #037CB8 #027BB8 #017BB7;
    color: #FFFFFF;
    text-shadow: 0 -1px 1px #006699;
	border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
	padding: 5px;
}

#tbllogin td { height: 30px; }

#logo {margin:0; float:left;}
        
#rightlogo {margin:0; float: right;}

.error { color: Red; }

.RadGrid_Silk .rgHeader { color: #fff !important; }

.RadGrid_Silk .rgHeader, .RadGrid_Silk th.rgResizeCol, .RadGrid_Silk .rgHeaderWrapper, .RadGrid_Silk .rgFilterRow { background-color: #2872BE !important; }

.RadGrid_Silk th.rgSorted, .RadGrid_Silk th.rgSorted a { color: #fff !important; }

.RadGrid_Silk .rgHeader a { color: #fff !important; }

#logged {  color: #FFFFFF; float: right; margin-top: -40px; position: absolute; width: 98%; z-index: 999; }

h3 { text-transform: uppercase; font-size: 10pt; color: #3B9BE3; text-shadow: 0 -1px 1px #006699; }

.smalltext { text-transform: uppercase; font-size: 9px; }

*/

.processButtons
{
    padding: 2px;
    /*padding-left: 30px;*/
}

#loginbox
{
    width: 231px;
}

.rcbCheckBox, .rcbCheckAllItemsCheckBox
{
    margin-right: 5px!important;
}

.checkboxlist input
{
    margin-right: 10px;
}
/*
.RadDropDownList .rddlDisabled
{
	filter : alpha(opacity=100) !important;
	color : Black !important;
}

.RadDropDownList  .rddlInner
{
	color : Black !important;
}
.RadDropDownList  .rddlHovered, .RadDropDownList .rddlFocused
{
	color : White !important;
}*/

div.RadMenu {
        z-index: 1500 !important;
}

.rddlSlide
{
    z-index: 99999 !important;
}
.RadCalendarPopup
{
    z-index: 99999 !important;
}

fieldset {
    border:1px solid LightGray;
    border-radius:5px;
}

legend 
{
	padding-left:5px !important;
	font-weight:bold !important; 
}

.riTextBox
    {
        border-radius: 5px 5px 5px 5px !important;
    }
    .riTextBox:focus
    {
        border-radius: 5px 5px 5px 5px !important;
    }
    .riTextBox:hover
    {
        border-radius: 5px 5px 5px 5px !important;
    }
    
    
div.RadGrid, div.RadGrid table.rgMasterTable thead
{
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
         
div.RadGrid table.rgMasterTable thead th.rgHeader:first-child
{
    -moz-border-radius:10px 0 0 0;
    -webkit-border-radius:10px 0 0 0;
    border-radius:10px 0 0 0;
}
         
div.RadGrid table.rgMasterTable thead th.rgHeader:last-child
{
    -moz-border-radius:0 10px 0 0;
    -webkit-border-radius:0 10px 0 0;
    border-radius:0 10px 0 0;
}

a.reDropdown span.ApplyClass {
    width: 200px !important;
}
a.reDropdown span.FormatBlock {
    width: 150px !important;
}
a.reDropdown span.FontName {
    width: 200px !important;	
}
div.RadPanelBar .rpTemplate
{
	background-color:#EFF8FB !important;
}        


.LegisTable
{
    display: table ;
    background: #EBEFF2 no-repeat right top;
    border: #BFC5C9 1px solid;
}

.LegisTableNameColumn
{
    display: table-cell;
    background: #DCE3E8 no-repeat right top;
    BORDER-LEFT: #E2E3E6 1px solid; 
    BORDER-TOP: #98ADC2 0px solid; 
    BORDER-RIGHT: #E2E3E6 0px solid;
    BORDER-BOTTOM: #E2E3E6 1px solid;
    vertical-align: top;
    text-align: left ;
    padding: 5px;
    min-width: 175px;
    width: 175px;
}
.LegisTableCommandColumn
{
    display: table-cell;
    background: #DCE3E8 no-repeat right top;
    BORDER-LEFT: #E2E3E6 1px solid; 
    BORDER-TOP: #98ADC2 0px solid; 
    BORDER-RIGHT: #E2E3E6 0px solid;
    BORDER-BOTTOM: #E2E3E6 1px solid;
    vertical-align: top;
    text-align: left ;
    padding: 5px;
    width: 150px;
}
.LegisTableDataColumn
{
    display: table-cell;
    background: #EBEFF2 no-repeat right top;
    BORDER-LEFT: #E2E3E6 1px solid; 
    BORDER-TOP: #98ADC2 0px solid; 
    BORDER-RIGHT: #E2E3E6 0px solid;
    BORDER-BOTTOM: #E2E3E6 1px solid;
    vertical-align: top;
    text-align: left ;
    padding: 5px;
    width: auto;
}

.LegisTableValidationColumn
{
    display: table-cell;
    background: #EDF0D1 no-repeat right top;
    BORDER-LEFT: #E2E3E6 1px solid; 
    BORDER-TOP: #98ADC2 0px solid; 
    BORDER-RIGHT: #E2E3E6 0px solid;
    BORDER-BOTTOM: #E2E3E6 1px solid;
    vertical-align: top;
    text-align: left ;
    padding: 5px;
    width: 10px;
    max-width: 100px;
}

.RadMenu_Silk .rmRootGroup.rmVertical
{
	background-color : #086A87 !important;	
    border-color : Navy !important;
}

.RadPanelBar .rpText
{
	font-weight : bold !important;
}

.rgHoveredRow
{
	background-color: #53BEDE !important;
}

.RadUpload .ruFakeInput
 {
	width:400px !important;
 }
 

div.RadTreeList, div.RadTreeList table.rtlTable thead
{
    -moz-border-radius: 10px 10px 0 0 !important;
    -webkit-border-radius: 10px 10px 0 0 !important;
    border-radius: 10px 10px 0 0 !important;
}
         
.RadTreeList .rtlVBorders .rtlHeader th.rtlCF
{
    -moz-border-radius:10px 0 0 0 !important;
    -webkit-border-radius:10px 0 0 0 !important;
    border-radius:10px 0 0 0 !important;
}
         
.RadTreeList .rtlVBorders .rtlHeader th.rtlCL
{
    -moz-border-radius:0 10px 0 0 !important;
    -webkit-border-radius:0 10px 0 0 !important;
    border-radius:0 10px 0 0 !important;
}

.reToolbar .ShowUserManual
{
    background-image: url(../images/manual_logo.png);
}

.reToolbar .SaveAsNew
{
    background-image: url(../images/saveasnew_logo.png);
}

.reToolbar .SaveAsDraft
{
    background-image: url(../images/saveasdraft_logo.png);
}