/* ******************************************************************************************
 *	File		:	style.css
 *	Purpose		:	Cascade Style Sheet file
 *
 *	Author		:	Rajesh Wadhwani
 *	Created		:	26-Nov-2012
 *	Modified	:	
 *	Copyright	:	Room 101 Limited, 2012
 * ****************************************************************************************** */

body {
	width:100%;
	font-family: Arial, Verdana, Tahoma;
	font-size: 13.5px;
	background-color: #441C32;
	background-image: url('/images/letlegal_bg.png');
	background-repeat: repeat-x;
	color:#4c4c4c;
	margin:0;
}

* { margin:0; padding:0; }
input, select, textarea { font-family: Arial, Verdana, Tahoma; font-size:12.5px; }

h1 { font-size:24px; margin:0 0 18px 0; font-weight:700; padding-bottom:1px; color:#804175; }
h2 { font-size:18px; margin:0 0 18px 0; }
h3 { font-size:15px; margin:10px 0 12px 0; font-weight:700; }
h4, h4 a { font-size:14px; margin:0 0 12px 0; }
h4 a { text-decoration:none; }
h5 { font-size:15px; font-weight:500; margin:0 0 10px 0; }
p { margin: 16px 0; }
img { border:0; }

a.uline, a.uline:hover { text-decoration:underline !important; }
a.uline-onhover { text-decoration:none; }
a.uline-onhover:hover { text-decoration:underline; }
a.no-uline-onhover { text-decoration:underline; }
a.no-uline-onhover:hover { text-decoration:none; }
a.no-uline, a.no-uline:hover { text-decoration:none; }

.bold { font-weight:700; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }

.tiny-font { font-size:12px; }
.medium-font { font-size:16px; line-height:1.28em; font-weight:400; }
.large-font { font-size:19px; }

.fleft { float:left; width:150px;}
.fright { float:right; width:475px;}
.fclear { clear:both; height:6px; }
.fright input[type="text"], .fright input[type="password"] { width:50%; }
.fright textarea { width:50%; height:50px; }
.smallwidth { width:30%; }

input[type="text"], input[type="password"], select, textarea { background-color:#fff; border:1px solid #999; padding:3px 2px; width:97%; }
input[type="checkbox"] { background-color:#253541; border:1px solid #56F2CC; }
textarea { width:360px; height:120px; }
input.label { border:0; background-color:transparent; padding-left:0; }

.fclear { clear:both; height:6px; }

.button { font-size:12.8px; padding:5px 12px 6px 28px; background-color:#0e387e; background:url('/images/letlegal_button_bg.png') no-repeat; color:#fff; font-weight:700; text-align:right; box-shadow:0 0 6px #fff; -khtml-box-shadow:0 0 6px #fff; -webkit-box-shadow:0 0 6px #fff; border:1px solid #52213c; border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; }
.button:hover { cursor:pointer; color:#fff; }
a.button { padding-top:7px; padding-left:32px; min-width:125px !important; text-decoration:none; }

#info_msg {
        color: #fff;
}
#info_msg, #error_msg {
        padding: 6px;
        border: 1px solid #a0a0a0;
        margin: 0 0 14px 0;
        display: none;
	box-shadow:0 2px 5px #888;
}
#error_msg {
        background-color: #C50505;
        color: #ffffff;
}
#error_msg a { color:#fff; }

.popup_box { position:fixed; left:30%; top:25%; width:400px; height:auto; min-height:120px !important; display:none; z-index:9999; padding:12px 16px; background-color:#fff; border:10px solid #ccc; box-shadow:0 0 20px #222; -khtml-box-shadow:0 0 20px #222; -webkit-box-shadow:0 0 20px #222; }
.popup_box div.close { font-size:12px; margin-top:-38px; }
.popup_box div.close:hover { cursor:pointer; }
.popup_box h4, .heading_border { font-size:20px; margin:0 -16px 7px 0; padding-bottom:4px; border-bottom:1px solid #999; line-height:22px; }
.popup_box h3 { color:#fff; font-weight:700; font-size:16px; }
#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }

.navlinks { text-align:right; }
.navlinks a { padding:5px; display:inline; text-decoration:none; font-size:11.5px; }

.white, .navlinks, .navlinks a, ul#menu li.menuitem a { color:#fff; }
.grey, #footer .navlinks, #footer .navlinks a { color:#4C4C4C; }
.blue, a { color:#19368D; }
.pink, .purple, .footer-box a:hover, #footer .navlinks a:hover, #footer .navlinks a.active, .footer-box h4, .footer-box a, .minibasket_item:hover, table.atable tr th { color:#804175; }
.yellow, .button:hover, .navlinks a:hover, .navlinks a.active, ul#menu li.menuitem a:hover, ul#menu li.active a { color:#FEF200; }
.red, .error { color:#cf0000; }
.black { color:#000; }

.pink-bg, .purple-bg, .ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li.ui-tabs-active { background-color:#52213C; }
.yellow-bg, .closebtn { background-color:#FEF200; }
.orange-bg { background-color:#FE7F00; }
.green-bg, #info_msg { background-color:#336310; }
.blue-bg { background-color:#19368D; }

#main-container { width:1000px; padding:3px 0; margin:0 auto 10px auto; }
#container { background-color:#fff; margin-top:6px; padding:16px 16px 1px 16px; min-height:500px !important; border:1px solid #fff; border-radius:12px; -webkit-border-radius:12px; -khtml-border-radius:12px; }
img#logo { width:78px; height:119px; float:left; margin-top:-34px; padding-left:70px; }

#menubar { clear:both; width:100%; height:37px; margin:8px 0; background:url('/images/letlegal_menu_bg.png') repeat-x; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }
ul#menu li.menuitem { list-style-type:none; display:inline; float:left; width:auto; border-right:1px solid #995689; margin-top:1px; }
ul#menu li.menuitem:first-child { margin-left:7px; }
ul#menu li.menuitem:last-child { border-right:0; }
ul#menu li.menuitem a { display:block; padding:10px 14px; text-decoration:none; font-size:12.6px; letter-spacing:0.04em; }
.menu-addon { position:absolute; display:block; width:auto; padding:0 2px; font-size:11px; margin-top:-35px; margin-left:11px; }

ul.sub-menu { display:none; opacity:0.94; filter:alpha(opacity=94); position:absolute; margin:1px 0 0 10px; padding:5px 14px 14px 14px; background-color:#212121; max-width:940px !important; border-right:1px solid #606060; border-bottom:1px solid #606060; border-left:1px solid #909090; z-index:9999; box-shadow:2px 2px 4px #555; -webkit-box-shadow:2px 2px 4px #555; -khtml-box-shadow:2px 2px 4px #555; }
ul.sub-menu li { list-style-type:none; margin:0; padding-left:2px; text-align:left; }
ul.sub-menu li a { text-align:left; text-decoration:none; font-size:12.5px; display:block; font-weight:normal !important; padding:2px 0 !important; }
ul.sub-menu li a:hover { color:#233156; }

#leftbar { float:left; width:716px; }
#rightbar { float:right; width:240px; }

#footer-divider { clear:both; background-color:#834767; margin:20px -17px 14px -17px; height:20px; }
#footer { clear:both; margin-bottom:10px; }
.footer-box { float:left; padding:8px 10px 8px 32px; margin-right:20px; border-right:1px solid #eee; width:160px; min-height:175px !important; }
.footer-box h4 { font-size:14px; margin:1px 0 6px 0; color: #4C4C4C;}
.footer-box a { display:block; padding:5px 10px 5px 0; text-decoration:none; font-size:12.8px; color: #4C4C4C;}
.footer-box a:hover { text-decoration:underline; }

.box, .box-white { background-color:#f0f0f0; padding:15px; min-width:170px !important; border:1px solid #f0f0f0; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }
.box-white { background-color:#fff !important; border-color:#ddd; }

.advert-box { background-color:#838383; text-align:center; vertical-align:middle; color:#fff; padding:30px 0; font-size:12px; }

#tabs { margin:20px 0; }
.ui-tabs .ui-tabs-nav li { list-style:none; float:left; position:relative; margin:0 2px 0 0; border-bottom:0; padding:0; white-space:nowrap; color:#fff; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; }
.ui-tabs .ui-tabs-nav li a { float:left; padding:7px 24px 6px 24px; text-decoration:none; font-weight:bold; color:#fff; font-size:14px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom:-1px; padding-bottom:1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor:text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor:pointer; }
.ui-tabs .ui-tabs-panel { display:block; border-width:0; background:none; height:345px; }

#tabcontent { clear:both; min-height:190px !important; background-color:#fff; border-width:9px 11px 40px 11px; border-style:solid; border-color:#52213C; border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; -khtml-border-radius:0 5px 5px 5px; box-shadow:2px 2px 3px #aaa; }
#tabcontent h3 { margin:5px 0 24px 0; }
#tabcontent img { width:695px; height:345px; }
#tabdesc { padding:12px; }

#mini-basket { font-size:12.5px; }
.minibasket_item { border-top:1px solid #ccc; padding:5px 4px 5px 18px; list-style:none; background:url('/images/letlegal_bullet_point.png') no-repeat top left; }
.minibasket_item a { position:absolute; padding:18px 6px 0 149px; text-decoration:none; }
.minibasket_item img { width:9px; height:9px; }

#largebasket { display:none; position:fixed; top:6%; margin-left:1px; width:250px; max-height:700px !important; overflow:auto; background-color:#777; padding:4px 8px 8px 8px; border:1px solid #555; border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; box-shadow:1px 2px 8px #000; }
#largebasket h3 { color:#fff; margin:0 0 3px 0; text-shadow:1px 1px 2px #222; }
#largebasket .box, #largebasket .box-white { padding:8px; border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; }
#largebasket .box { border:1px solid #555; }
#largebasket .box-white { padding:0; }
#largebasket .box-white .lbitem { padding:5px 8px; clear:both; border-bottom:1px solid #aaa; font-size:13px; }

.closebtn { float:right; margin-top:-23px; margin-right:1px; padding:1px 5px; color:#000; font-weight:bold; text-decoration:none; border:1px solid #555; border-radius:4px; box-shadow:1px 0 3px #444; }

.service-box { padding-right:22px; width:310px; height:264px; float:left; margin:0 15px 15px 0; text-align:right !important; color:#000; }
.service-desc { margin-top:40px; height:180px; max-height:180px !important; padding-left:65px; overflow:auto; }
.service-desc h2 { margin:0 0 19px 0; font-size:32px; }
.service-desc p { margin:16px 0 0 0; font-size:18px; font-weight:bold; }

.inner {background: #fff; padding: 15px;}

table.atable { background-color:#f5f5f5; width:86%; border:1px solid #fff; border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border:1px solid #fff; box-shadow:1px 0 5px #aaa; -webkit-box-shadow:1px 0 5px #aaa; -khtml-box-shadow:1px 0 5px #aaa; }
table.atable tr.heading { background-color:#732f53; }
table.atable tr.heading td h2 { color:#fff; font-size:22px; margin:-4px 0; }
table.atable tr.heading td, table.atable tr th, table.atable tr.data td { text-align:left; padding:12px 0 12px 15px; border-bottom: 1px solid #f6dbf8; }
table.atable tr th { font-size:14px; }
table.atable tr.data td { padding-top:22px; padding-bottom:22px; }
table.atable tr.data td a { display:block; text-decoration:none; }

.line { border-bottom:1px solid #ddd; margin:15px 0; clear:both; }

#cookie_consent {background-color: #FFFFFF; border: 10px solid #CCCCCC; box-shadow: 0 0 20px #222222; display: none; height: auto; left: 19%; min-height: 120px !important; padding: 12px 16px; position: fixed; width: 400px; z-index: 9999; bottom: 10px; }
.fbg {clear: both; margin-bottom: 5px;}

.plist {padding-left: 30px;}
.line_padding { padding-left: 20px;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.newsitem { clear:both; margin:0 0 5px 0; border-bottom:1px solid #aaa; padding:20px 0; }
.newsitem h2 { margin:0 0 4px 0; }