
body {margin:0px; font:12px Arial, Helvetica, sans-serif; color:#5d5d5d; background:url(../images/bg.gif) repeat-x; background-color:#fff; }
a{color:#5d5d5d;
		text-decoration:underline;
		}
a:hover{text-decoration:none;}
#container {margin:0px auto; width:1000px;}
.clear {clear:both;}

.main_center {margin:0px auto; width:934px;}
/**********************************************/
#main_panel {clear:both;}
#main_top_panel { clear:both;}
#main_top_panel { clear:both; height:65px; 	 } 
#main_top_logo_panel {float:left; width:250px;}
.logo {margin:0px; padding:10px 0px 0px 0px; float:left;}
.logo h1{margin:0px; padding:0px; font-size:26px; font-weight:normal; color:#000;}


#navigation_panel {float:right; width:580px;}
#topmenu { margin:0px; padding:30px 0px 0px 0px; }
#topmenu ul {margin:0px; padding:0px;}

#topmenu ul li { display:block; float:left;  background:url(../images/nav_line.gif) right  no-repeat; padding:0px 5px 0px 5px; 	list-style:none;}

#topmenu li a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#31497D;
	text-decoration:none;
	text-transform:capitalize;
	display:block; 
	float:left; 	
	
	padding:0px 1px 0px 2px;
}

#topmenu li a span {
	display:block;
	float:left;
	padding:10px 20px 10px 20px; 
	cursor:pointer;
	
}

#topmenu li a:hover {
	color:#fff; /*background:url(../images/topmenuleft.gif) left bottom no-repeat;*/

}

#topmenu li a:hover span { background:url(../images/topmenuright.gif) right  bottom no-repeat;
	
}

#topmenu li a.over {
	color:#fff;
	/*background:url(../images/topmenuleft.gif) left bottom no-repeat; */
}

#topmenu li a.over span {
	background:url(../images/topmenuright.gif) right  bottom no-repeat;
}

/******************************/
#main_header_panel {clear:both;}
.main_header_bg {margin:0px; padding:0px;  height:269px;}
.main_header_controller {margin:0px; padding:0px 0px 0px 0px;}
.main_header_left_bg {margin:0px; padding:15px; background:url(../images/header_bg.gif) no-repeat left;  }
.main_header_details {margin:0px; padding:0px;}
#main_header_right_panel {float:right; width:437px;}
.main_header_right_controller {margin:0px; padding:0px 0px 0px 0px;}
.main_header_right_details{margin:0px; padding:0px; text-align:right;}
.main_header_right_details h2{margin:0px; padding:0px; font-size:23px; font-weight:normal; color:#fff;}
.main_header_right_details h4 {margin:0px; padding:10px 0px 0px 0px; font-size:12px; font-weight:bold; color:#fff;}
.main_header_right_details_winner {margin:0px; padding:0px; height:110px; background:url(../images/web-jurist-badge.png) no-repeat left;  }
.main_header_right_details_winner h4 {margin:0px; padding:40px 0px 0px 105px; color:#FFC200; font-size:13px; }
.main_header_right_details_winner h4 a { color:#FFC200; font-size:13px; }

/****************************/
#main_middle_panel {clear:both;}
.main_middle_controller {margin:0px; padding:25px 0px 20px 0px;}
#main_middle_left_panel {float:left; width:650px;}
.main_middle_left_controller {margin:0px; padding:0px 0px 0px 0px;}
.main_middle_left_details {margin:0px; padding:0px; width:596px; line-height:20px; background:url(../images/dash.gif) repeat-x bottom;}
.main_middle_left_details h1 {
	padding:0px;
	font-size:29px;
	font-weight:normal;
	color:#284256;
	line-height: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.main_middle_left_details h4 {margin:0px; padding:0px 0px 10px 0px; font-size:12px; font-weight:bold; color:#5083a4;}
.main_middle_left_details p {margin:0px; padding:0px 0px 0px 0px; line-height:20px; color:#5d5d5d;}

#main_middle_left_sec_panel {clear:none;}
.main_middle_left_sec_controller {margin:0px; padding:40px 0px 40px 0px;}
.main_middle_left_sec_details {margin:0px; padding:0px 0px 30px 0px; width:596px; }
.main_middle_left_sec_details h2 {margin:0px; padding:0px; font-size:22px; font-weight:normal; color:#284256;}
.main_middle_left_sec_details h4 {margin:0px; padding:5px 0px 0px 0px; font-size:12px; font-weight:bold; color:#5083a4;}
.main_middle_left_sec_details p {margin:0px; padding:15px 0px 0px 0px; line-height:20px; color:#5d5d5d;}
		
#main_middle_section_panel {clear:both; }
.main_middle_section_controller {margin:0px; padding:0px;}
.main_middle_section_left{float:left; width:215px;}
.main_middle_section_controller {margin:0px; padding:0px 0px 0px 0px;}
.main_middle_section_details {margin:0px; padding:0px; width:168px; background-color:#f1f1f1; border:1px #d7d7d7 solid;}
.main_middle_section_inner_details {margin:0px auto; width:138px;}
.main_middle_section_inner_details h3 {margin:0px; padding:10px 0px 0px 0px; font-size:18px; font-weight:normal; color:#284256;}
.main_middle_section_inner_details h4 {margin:0px; padding:5px 0px 0px 0px; font-size:12px; font-weight:bold; color:#5083a4;}
.main_middle_section_inner_details p {margin:0px; padding:10px 0px 0px 0px; font-size:11px; line-height:17px; color:#5d5d5d;}
.main_middle_section_inner_details ul {margin:0px; padding:10px 0px 20px 0px;}
.main_middle_section_inner_details ul li {margin:0px; padding:0px 0px 0px 8px; list-style:none; line-height:23px; font-weight:bold; color:#6f6f6f; font-size:11px; background:url(../images/left_arrow.gif) no-repeat 0 7px;}


.Layer1 {
	position:absolute;
	width:73px;
	height:23px; margin:-10px 0px 0px 25px;
	z-index:1;
}

/****************************/ 
#main_right_panel {float:right; width:284px;}
.main_right_controller {margin:0px; padding:0px 0px 0px 0px; background-color:#fff;}
.main_right_details {margin:0px auto; width:240px;}

#main_news_login_panel {clear:both; margin:0px; padding:20px 0px 30px 0px;}
.main_news_details {margin:0px; padding:0px;}
.main_news_details h3{margin:0px; padding:0px; font-size:22px; font-weight: normal; color:#284256;}
.main_news_details p {margin:0px; padding:5px 0px 0px 0px; font-size:11px; color:#3a3a3a} 
.main_news_details form{margin:0px; padding:0px;}
.main_news_details form input{margin:10px 0px 0px 0px; padding:3px 0px 0px 5px; width:230px;  height:18px; color:#404040; font-size:10px; background:none;  }
.main_news_details form input.submit{margin:10px 0px 0px 0px; padding:0px; width:61px; height:22px; float:right; border:none;}
.main_right_section {clear:both;}
.main_right_section_controller {margin:0px; padding:0px 0px 0px 0px;}
.main_right_section_details {margin:0px; padding:0px;}
.main_right_section_details h3 {margin:0px; padding:10px 0px 0px 0px; font-size:22px; font-weight:normal; color:#284256;}
.main_right_section_details h4 {margin:0px; padding:5px 0px 0px 0px; font-size:12px; font-weight:bold; color:#5083a4;}
.main_right_section_details p {margin:0px; padding:10px 0px 0px 0px; line-height:20px; color:#5d5d5d;}
.main_right_section_details ul {margin:0px; padding:10px 0px 20px 0px;}
.main_right_section_details ul li {margin:0px; padding:0px 0px 0px 15px; list-style:none; line-height:23px; font-weight:bold; color:#5d5d5d;  background:url(../images/right_arrow.gif) no-repeat 0 7px;}




.main_right_sec_section {clear:both;}
.main_right_sec_section_controller {margin:0px; padding:0px 0px 0px 0px;}
.main_right_sec_section_details {margin:0px; padding:0px;}
.main_right_sec_section_details h3 {margin:0px; padding:10px 0px 0px 0px; font-size:22px; font-weight:normal; color:#284256;}
.main_right_sec_section_details h4 {margin:0px; padding:5px 0px 0px 0px; font-size:12px; font-weight:bold; color:#5083a4;}
.main_right_sec_section_details p {margin:0px; padding:20px 0px 0px 60px; line-height:20px; color:#5d5d5d; }
.main_right_date_bg {background-color:#274154; float:left; width:40px; text-align:center; clear:both; margin:25px 10px 0px 0px; padding:0px;}
.main_right_date_bg p {margin:0px; padding:5px 5px 5px 5px; color:#fff; font-size:11px;}
.main_right_date_bg p span {display:block; color:#f2df5a; font-size:13px;}

/**********************************/
.main_bottom_bg {background-color:#000;}


/*#main_bottom_panel {clear:both;}
.main_bottom_controller {margin:0px; padding:0px 0px 0px 0px;}
.main_bottom_left_panel {float:left; width:430px;}
.main_bottom_left_controller {margin:0px; padding:0px 0px 0px 0px;}
.main_bottom_left_details {margin:0px; padding:0px;}
.main_bottom_left_details h3{margin:0px; padding:0px; font-size:24px; font-weight:normal; color:#fff;}
.main_bottom_left_details p {margin:0px; padding:0px 0px 0px 0px; line-height:20px; font-size:11px; font-weight:bold; font-style:italic; color:#9a9a9a;}
.main_bottom_left_details p span.code {margin:0px; padding:0px 0px 0px 0px; background:url(../images/img2.gif) no-repeat left;}
.main_bottom_grey_box {clear:both;}
.main_bottom_grey_controller {margin:0px; padding:0px 0px 0px 0px;}
.main_bottom_grey_bg {background-color:#505050; border:1px #969696 solid;} 
.main_bottom_grey_inner_details {margin:0px; padding:0px 0px 0px 0px;}
.main_bottom_grey_inner_details p {margin:0px; padding:0px; float:left; font-weight:bold; color:#fff;}
.main_bottom_grey_inner_details p.date {margin:0px; padding:0px 0px 0px 80px; float:left; font-weight:bold; color:#b5b5b5;}
.main_bottom_grey_inner_details span.calander {margin:0px; padding:0px 0px 0px 25px; background:url(../images/img1.gif) no-repeat left;}
.main_bottom_grey_inner_details span.calander a {text-decoration:none; color:#b5b5b5;}
.main_bottom_grey_inner_details span.calander a:hover {text-decoration: underline; color:#b5b5b5;}

/************************/
#main_fotter_panel { float:right; width:490px;}
.main_fotter_controller {margin:0px; padding:0px; }
.main_fotter_details {margin:0px; padding:20px 0px 20px 0px;}
.main_fotter_details h4 {margin:0px; padding:10px 0px 0px 0px; text-align:right; font-size:11px; font-weight:normal; color:#b3b3b3;}
.main_fotter_details p {margin:0px; padding:0px 0px 0px 0px; text-align: right; color:#fff;  font-size:11px; }
.main_fotter_details p a {color:#68b9ed; text-decoration:none; margin:0px; padding:0px 5px 0px 5px; }
.main_fotter_details p a:hover {text-decoration:underline;}

/* inner pages css start */
.aboutus-img{float:right; border:4px solid #fff;	margin:0 0px 10px 20px;}
h5{font-size:15px;font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #fff;	margin:0px 0px 10px 0px;}
h6{font-size:16px; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#000; background:#ffc850; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #5b7a92;}
input.button:hover{cursor:pointer; color:#fff; background:#663300; border:1px solid #ffc850;}
.project-img{float:right; margin-left:20px;	border: 6px solid #fff;}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #fff; padding-bottom:10px; padding-right:20px}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:96%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */


/*table css */

/*
   Add the following to your CSS file should you wish the cursor to
   "wait" while the script is processing the sort

body.sort-active *
        {
        cursor:wait;
        }
*/

.ratingtable body
        {
        padding:0;
        border:0;
        margin:0;
        text-align:center;
        font-size:12px;
        font-family: verdana,arial,sans-serif;
        color:#545454;
        min-width: 800px;
        }
.ratingtable h2 span
        {
        font-variant:small-caps;
        }
.ratingtable p a
        {
        font-weight:normal;
        outline:none;
        }
.ratingtable p a:link,
.ratingtable p a:visited
        {
        color:#333;
        text-decoration:underline;
        }
.ratingtable p a:hover
        {
        color:#fff;
        text-decoration:none;
        background:#000;
        }
.ratingtable p a:active
        {
        color:#000;
        text-decoration:underline;
        }
.ratingtable code
        {
        font-family:'andale mono','lucida console','courier new',monospace;
        font-size:1em;
        }
.ratingtable p
        {
        line-height:1.6em;
        margin:0 0 1em 0;
        }
.ratingtable h1
        {
        font-weight:lighter;
        font-family:georgia, times new roman, times, georgia, palatino, serif;
        text-align:center;
        margin-top:0.6em;
        color:#000;
        font-size:2em;
        }
.ratingtable h2
        {
        font-weight:lighter;
        font-family:verdana,arial,sans-serif;
        text-align:center;
        margin-top:1em;
        color:#333;
        text-transform:uppercase;
        letter-spacing:1px;
        font-size:1.2em;
        }
.ratingtable h2 span
        {
        font-variant:small-caps;
        text-transform:none;
        }
.ratingtable table
        {
        width: auto;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
        }
 .cs1
        {
        width:30em;
        }
.cs2
        {
        width:20em;
        }
.cs1 td,
.cs2 td,
#scientificNotation
        {
        text-align:right;
        }
.ratingtable caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:auto;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
        }
.ratingtable th
        {
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;
        /*text-transform: uppercase;*/
        text-align: left;
        padding: 8px 4px 4px 4px;
        background: #CAE8EA url(../media/bg_header.jpg) no-repeat;
        vertical-align:middle;
        }
.ratingtable td.total
        {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #C1DAD7;
        background: none;
        text-align:right;
        font-weight:bold;
        /*text-transform:uppercase;*/
        letter-spacing:1px;
        }
        
 th.sortable,
 th.sortable-text,
 th.sortable-date,
 th.sortable-keep,
 th.sortable-date-dmy,
 th.sortable-numeric,
 th.sortable-currency,
 th.sortable-sortByTwelveHourTimestamp,
 th.sortable-sortIPAddress,
 th.sortable-sortEnglishLonghandDateFormat,
 th.sortable-sortScientificNotation,
 th.sortable-sortImage,
 th.sortable-sortFileSize,
 th.sortable-sortAlphaNumeric,
 th.sortable-sortEnglishDateTime

        {
        cursor:pointer;
        background: #CAE8EA url(../media/bg_header_sortable.jpg) no-repeat;
        padding: 8px 12px 4px 16px;
        }
.ratingtable th.forwardSort
        {
        background:#CAE8EA url(../media/bg_header_down.jpg) no-repeat 0 0;
        }
.ratingtable th.reverseSort
        {
        background:#CAE8EA url(../media/bg_header_up.jpg) no-repeat 0 0;
        }
.ratingtable table thead th.forwardSort a,
.ratingtable table thead th.reverseSort a
        {
        color:#000;
        text-decoration:none;
        }
/*
These styles should be added when very long tables are expected
th.sort-active
        {
        background:#CAE8EA url(../media/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }
*/
.ratingtable th a
        {
        text-decoration:none;
        color: #4f6b72;
        background:transparent;
        }
.ratingtable td a
        {
        text-decoration:none;
        color:#239;
        background:transparent;
        }
.ratingtable td img
        {
        margin:0 auto;
        border:3px solid #ddd;
        }
.ratingtable td a:hover
        {
        color:#a84444;
        border-bottom:1px dotted #a80000;
        background:transparent;
        }
.ratingtable td
        {
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 6px 12px 6px 12px;
        color: #4f6b72;
        }
.ratingtable td.lft
        {
        text-align:left;
        }
.ratingtable tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }

/* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */
.ratingtable tr[class="alt"] td
        {
        background: #F5FAFA url(../media/td_alt.jpg) no-repeat;
        }
.ratingtable td[class~="alt"]
        {
        background: #edf3f3 url(../media/col_alt.jpg) no-repeat !important;
        }
/* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
.ratingtable tbody tr.alt td:first-child
        {
        background: #F5FAFA url(../media/bullet2.gif) no-repeat;
        font-weight:bold;
        }
.ratingtable tbody tr td:first-child
        {
        background: #fff url(../media/bullet1.gif) no-repeat;
        font-weight:bold;
        }
/* Image free rules for Internet Explorer < 7 */
* html tr.alt td
        {
        background-color:#F5FAFA;
        }
* html tr td.alt,
* html tr.alt td.alt
        {
        background-color:#edf3f3;
        }
