/*Menu footer*/
#footer_MenuDiv {text-align:center;background:#EEE;color:#555}
#footer_MenuDiv a {margin:5px;color:#999999;text-decoration:none}
#footer_MenuDiv a:hover {text-decoration:underline}
#footer_MenuDiv a:active {}

/*Template*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video
{ 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline; 
	background: transparent;
font-family:'verdana';
}

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700&subset=latin,latin-ext);
body{
background:url(../images/liol-back.jpg) center no-repeat #6b92cd;
background-attachment:fixed;
background-size:cover;
margin:0px;
position:relative;
}

a{
text-decoration:none;
color:#5192b2;
}

input[type='button'],input[type='submit'],input[type='reset']{
background:#5192b2;
border:0px;
color:#fff;
margin:2px 5px;
}

#pageWraper{
width:980px;
padding-top:80px;
possition:relative;
}

#header{
background:#fefefe;
box-sizing:content-box;-moz-box-sizing:content-box;
position:fixed;
top:0px;
left:0px;
right:0px;
z-index:10000;
}

.headerContent{
width:1000px;
margin:0 auto;
/*z-index:1000;*/
position:relative;
padding:10px 0px;
}

#loginBtn{
display:block;
float:right;
background:#5192b2;
padding:2px 20px;
color:#fefefe;
height:16px;
box-sizing:content-box;
-moz-box-sizing:content-box;
border-radius:15px;
line-height:14px;
font-weight:bold;
cursor:pointer;
margin-right:5px;
}

#loginBox{
position:absolute;
right:0px;
top:50px;
display:none;
}


body,div,table,input{
font-family:verdana;
font-size:12px;
}

#theLogo{
left:60px;
top:60px;
position:absolute;
background:#fefefe;
padding:10px;
border-radius:100px;
-moz-border-radius:100px;
z-index:1000;
}

#mainMenu{
margin-left:50px;
}

div#langButtons{
text-align:right;
right:0px;
float:right;
}

div#langButtons a{
height:20px;
width:35px;
float:right;
background:url(../images/flags.gif);
display:inline-block;
margin-left:5px;
}

#langButtons a.engBtn{
background-position:0 -40px;
}

#langButtons a.nlBtn{
background-position:0 -60px;
}

#langButtons a.arBtn{
background-position:0 -20px;
}

.title_stl,h1,h2{
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight:400px;
font-size:20px;
padding:0px;
}

.title_stl{
font-weight:bold;
}
.body_stl{
margin-top:20px;
}

h1.headTitle{
color:#FFF;
text-align:center;
font-weight:400;
font-size:48px;
position:fixed;
display:block;
width:800px;
margin-left:200px;
}

.mainTitle{
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight:700px;
font-size:30px;
padding:0px;
text-align:center;
color:#5192b2;
}

div.loginBox {
float:left;
margin:10px;
border:1px solid #FFF;
padding:10px;
overflow:hidden;
background:url(../images/box-bg.png);
box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.4);
}

div.loginBox .loginAs{
float:left;
padding-right:10px;
padding-top:30px;
overflow:hidden;
}

div.loginBox .loginPass{
float:left;
overflow:hidden;
}

div.loginBox h2{
padding:0px 10px;
margin:0px;
color:#5192b2;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight:400;
font-size:24px;
text-align:left;
}

div.loginBox p{
position:relative;
margin:0px;
overflow:hidden;
margin:5px;
}

div.loginBox p span{
position:absolute;
left:0px;
top:5px;
padding-left:20px;
}

div.loginBox p input[type='text'],div.loginBox p input[type='password']{
border:1px solid #dedede;
padding:5px;
z-index:5555;
}

.loginBox .btn{
background:#5192b2;
border:0px;
color:#fff;
margin:2px 5px;
}

.loginBox .lpass{
border:0px;
color:#5192b2;
background:transparent;
}

div.sidebar{
margin-top:70px;
padding-right:30px;
}

#registerBox{
position:absolute;
bottom:-190px;
background:#fefefe;
width:100%;
padding-bottom:40px;
position:fixed;
}

.regContent{
width:1000px;
margin:0 auto;
}

.regContent h1{
text-align: center;
font-weight: 400;
font-size: 45px;
padding:0px;
margin:0px;
}

.regBoxs{
width:505px;
margin:0 auto;
}

.reg{
float:left;
text-align:center;
cursor:pointer;
width:250px;
}

.reg p{
font-size:16px;
background:#fff;
color:#5192B2;
padding:0px;
margin:0px;
text-transform:uppercase;
text-align:center;
}

.regContent .regHelp{
text-align:center;
}

#pageContent{
position:relative;
}

#content{
margin-bottom:100px;
background:url(../images/bg.png);
}

#mainContent {
background:url(../images/contentBg.png) -55px;
top:80px;
padding:40px 30px;
overflow:hidden;
min-height:500px;
box-sizing:content-box;-moz-box-sizing:content-box;
}

div#footer{
position:fixed;
bottom:0px;
left:0px;
right:0px;
background:#5192b2;
color:#fff;
}

#copyrights{
width:980px;
margin:0 auto;
text-align:center;
}

#pageTitle{
color:#fff;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size:28px;
margin-left:20px;
margin-left:330px;
}
#main_content{}
#main_content .content_title_stl{}

#userPageTitle {
border-bottom:1px solid #bbb;
overflow:hidden;
}
#userPageTitle #logoutBtn{float:right}

table.tableStl{
width:90%;
margin:20px 0px;
}

table.tableStl th{
background:#5192b2;
color:#fff;
}

table.tableStl .actionTd{
width:50px;
text-align:center;
}

table.tableStl td{
border-bottom:1px solid #5192b2;
padding:5px;
vertical-align:top;
}

#registerForm img{cursor:pointer}
#mainContent div.spacer{ background:#F00;width:70px}

#registerForm h2{
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight:400px;
font-size:20px;
padding:0px;
padding:0px;
margin:0px;
width:200px;
text-align:right;
padding-right:20px;
float:left;
}

#registerForm div{
clear:left;
padding:5px 0px;
}

#registerForm p{
overflow:hidden;
}

input,
select,
textarea{
border:1px solid #dedede;
background:#fefefe;
padding:5px;
box-sizing:border-box;
font-family:'verdana';
font-size:100%
}

#registerForm input[type='text']{
width:300px;
}

#registerForm textarea{
height:100px;
width:300px;
resize:none;
font-family:'verdana';
}
.chatLink{
cursor:pointer;
}

.sidebarLawyers{
line-height:18px;
}

.sidebarLawyerImg{
float:left;
width:70px;
border:1px solid #eee;
padding:2px;
margin-right:5px;
}

/*Main menu*/
#main_menuDiv{
overflow:hidden;
}

#main_menuDiv ul{
float:left;
margin:0px;
padding:0px;
direction:ltr;
}

#main_menuDiv li{
float:left;
list-style:none;
}

#main_menuDiv a{padding:2px 10px 2px 10px;
display:block;
color:#5192b2;
text-decoration:none;
}

#main_menuDiv li:hover a ,#main_menuDiv li .activePage a{background:#dedede;color:#555;}

#main_menuDiv a:active{background:#dedede;color:#555;}

#lawyerDiv ul,#clientDiv ul{
padding:10px;
margin:5px;
color: #000;
}

#lawyerDiv a,#clientDiv a{
text-decoration:none;
color:#000000;
}

/*Contact us*/
/*contact us*/
#contacUsDiv{
padding:40px;
}
#contacUsDiv h1{
font-size:20px;
font-weight:400;
padding:0px;
margin:0px;
}

#contacUsDiv input[type='text']{
width:400px;
margin-bottom:10px;
padding:5px;
color:#555;
border:solid 1px #5192B2;
border-left:solid 4px #5192B2;
}

#contacUsDiv textarea{
width:400px;
height:140px;
margin-bottom:10px;
padding:5px;
color:#555;
border:solid 1px #5192B2;
border-left:solid 4px #5192B2;
}

#contacUsDiv input[type='submit'],#contacUsDiv input[type='reset']{
background:#5192B2;
color:#fff;
width:80px;
border:0px;
font-size:1.1em;
margin-right:10px;
font-size:14px;
}