/* ---------------------------------------------
Source CSS Document: v1.0
Copyright: ICON Studios - icon.com.mt
Site:
Author:
------------------------------------------------*/
/* ------------ USAGE OF FONT SIZES
x-small, small, medium, large, x-large, xx-large
----------- */

/* ------------ BODY ----------- */
body {
	background:url(../design_images/bg_top.jpg) top repeat-x #FFFFFF;
	margin: 0px;
	font-size:x-small;
	color:#6C6C6C;

}

tr, td, tbody, body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#6C6C6C;
}

/* ------------ HEADINGS ----------- */
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: large;
	font-variant:small-caps;
	font-weight:bold;
	color:#585859;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight: bold;
	color:#585859;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	color:#585859;
}

h4, h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	color:#585859;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:normal;
	color:#585859;
	}

big {
	font-size:small;
	font-weight:bold;
	color:#585859;
}
small, sub, sup {
	font-size:;
	font-weight:;
	color:;
}

/* ------------ TEXT FORMATTING ----------- */
strong,{ font-weight:bold; }
em { font-style:italic; }
i { font-style:italic; }
u { text-decoration:underline; }

/* ------------ QUOTE ----------- */
blockquote {
	font-family:;
	font-size:;
	font-weight:;
	font-style:;
	color:;
	text-align:;
}

/* ------------ LISTS ----------- */
ul{
list-style-image: url(../design_images/bullet.gif);
margin-left:25px;
margin-top:3px;
}

li{
margin-top:7px;
}

/* ------------ LINKS ----------- */
a:link { color:#A83A16; text-decoration:none; font-weight:normal;}
a:visited { color:#A83A16; text-decoration:none; font-weight:normal;}
a:hover { color:#333333; text-decoration:none; font-weight:bold;}
a:active { color:#A83A16; text-decoration:none; font-weight:normal;}

/* ------------ FORMS ----------- */
label {
	font-size:x-small;
	color:;
	text-align:left;
}
input {
	font-size:x-small;
	width:;
	color:;
}
textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	width:;
	height:;
	color:;
}
select {
	font-size:x-small;
	width:;
	color:;
}
.button {
	font-size:;
	font-weight:;
	width:;
}

form {
scrollbar-base-color: ;
scrollbar-arrow-color: ;
scrollbar-track-color: ;

scrollbar-shadow-color:;
scrollbar-lightshadow-color:; 
scrollbar-darkshadow-color:;

scrollbar-highlight-color:;
scrollbar-3dlight-color:;
}

/* ------------ IMAGES ----------- */
img a{ border:none; }
.imageCaption {
	font-size:xx-small;
	font-weight: normal;
	color:#8A8A8A;
}

/* ------------ FOOTER TEXT and LINK ----------- */
.footerText	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	font-weight:regular;
	color:#D5D5D5;
	text-align:left;
}
.footerLink { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:xx-small;}
.footerLink:active { color:#D5D5D5; text-decoration:none; font-weight:normal;}
.footerLink:link { color:#D5D5D5; text-decoration:none; font-weight:normal;}
.footerLink:visited { color:#D5D5D5; text-decoration:none; font-weight:normal;}
.footerLink:hover { color:#D5D5D5; text-decoration:underline; font-weight:normal;}

/* ------------ ICON LINK ----------- */
.iconLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.iconLink:active { color:#D5D5D5; text-decoration:none; font-weight:normal;}
.iconLink:link { color:#D5D5D5; text-decoration:none; font-weight:normal;}
.iconLink:visited { color:#D5D5D5; text-decoration:none; font-weight:normal;}
.iconLink:hover { color:#F2BB15; text-decoration:none; font-weight:normal;}

/* ------------ SNAP ----------- */
.snapLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
.snapLink:active { color:#D5D5D5; text-decoration:none; font-weight:normal;}
.snapLink:link { color:#D5D5D5; text-decoration:none; font-weight:normal;}
.snapLink:visited { color:#D5D5D5; text-decoration:none; font-weight:normal;}
.snapLink:hover { color:#F2BB15; text-decoration:none; font-weight:normal;}

/* ------------ OTHER STYLES 
Use descriptive names
No absolute font sizes allowed
----------- */

/* ------------ Home Title 2 ----------- */
.subTitle	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#494A4A;
	font-weight:bold;	
}

/* ------------ Menu Link ----------- */
.menuLink { font-family:Georgia, "Times New Roman", Times, serif; font-size:small; font-variant:small-caps}
.menuLink:active { color:#FFFFFF; text-decoration:none; font-weight:bold}
.menuLink:link { color:#FFFFFF; text-decoration:none; font-weight:bold}
.menuLink:visited { color:#FFFFFF; text-decoration:none; font-weight:bold}
.menuLink:hover { color:#999999; text-decoration:none; font-weight:bold}

/* ------------ Sub Menu Link ----------- */
.subMenuLink { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:x-small; }
.subMenuLink:active { color:#878787; text-decoration:none; font-weight:bold}
.subMenuLink:link { color:#878787; text-decoration:none; font-weight:bold}
.subMenuLink:visited { color:#878787; text-decoration:none; font-weight:bold}
.subMenuLink:hover { color:#0579D8; text-decoration:none; font-weight:bold}

ul.menu { margin: 15px 25px 10px 40px; padding:0px; LIST-STYLE-IMAGE: url(../design_images/bullet_menu.gif) }
ul.menu li { margin:8px 0; padding:0px; }

/* ------------ Black Link ----------- */
.blackLink { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:x-small;}
.blackLink:active { color:black; text-decoration:none; font-weight:normal;}
.blackLink:link { color:black; text-decoration:none; font-weight:normal;}
.blackLink:visited { color:black; text-decoration:none; font-weight:normal;}
.blackLink:hover { color:#EE1C23; text-decoration:none; font-weight:normal;}

/* ------------ White Bold Link ----------- */
.whiteBoldLink { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:x-small;}
.whiteBoldLink:active { color:white; text-decoration:none; font-weight:bold;}
.whiteBoldLink:link { color:white; text-decoration:none; font-weight:bold;}
.whiteBoldLink:visited { color:white; text-decoration:none; font-weight:bold;}
.whiteBoldLink:hover { color:#76C1DE; text-decoration:none; font-weight:bold;}

/* ------------ White  Link ----------- */
.readLink { font-family:Verdana, Arial, Helvetica, sans-serif;}
.readLink:active { color:#4082BE; text-decoration:none;}
.readLink:link { color:#4082BE; text-decoration:none;}
.readLink:visited { color:#4082BE; text-decoration:none;}
.readLink:hover { color:#570327; text-decoration:none;}


/* ------------ Blue Link ----------- */
.blueLink { font-family:Verdana, Arial, Helvetica, sans-serif; }
.blueLink:active { color:#4082BE; text-decoration:none; font-weight:bold}
.blueLink:link { color:#4082BE; text-decoration:none; font-weight:bold}
.blueLink:visited { color:#4082BE; text-decoration:none; font-weight:bold}
.blueLink:hover { color:#570327; text-decoration:none; font-weight:bold}


/* ------------ Black Bold Link ----------- */
.blackBoldLink { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.blackBoldLink:active { color:black; text-decoration:none; font-weight:bold;}
.blackBoldLink:link { color:black; text-decoration:none; font-weight:bold;}
.blackBoldLink:visited { color:black; text-decoration:none; font-weight:bold;}
.blackBoldLink:hover { color:#EE1C23; text-decoration:none; font-weight:bold;}


/* ------------ form text ----------- */
.formText {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	border:7E9DB9 1px solid;
}

/* ------------ Bold ----------- */
.bold{
	font-weight:bold;
	}
	
/* ------------ Blue ----------- */
.blue{
	color:#4082BE
	}
	
/* ------------ Red ----------- */
.red{
	color:#A83A16
	}	
	
/* ------------ Grey ----------- */
.grey{
	color:#D5D5D5
	}	

/* ------------ Small ----------- */
.small{
	font-size:small
	}

/* ------------ Small ----------- */
.xx-small{
	font-size:xx-small
	}
	
/* ------------ Img Border ----------- */
.greyBorder{
	border:1px solid #8A8A8A;
	padding:5px;
	}

/* ------------ Img Border ----------- */
.borderBottom{
	border-bottom:1px solid #FBFBFA;
	}
	
/* ------------ Page Functions ----------- */
.pageFunctionsLink { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; padding-right:10px; padding-left:2px;}
.pageFunctionsLink:active { color:#8A8A8A; text-decoration:none; font-weight:normal;}
.pageFunctionsLink:link { color:#8A8A8A; text-decoration:none; font-weight:normal;}
.pageFunctionsLink:visited { color:#8A8A8A; text-decoration:none; font-weight:normal;}
.pageFunctionsLink:hover { color:#8A8A8A; text-decoration:underline; font-weight:normal;}


/* 9. Forms
----------------------------------------------------------*/
.form{float:left;width:100%;padding:0 10px 0 10px;margin-top:15px;}
.form div.row textarea{overflow:auto;}

/*form error style*/
.form div.row input.error,
.form div.row textarea.error,
.form div.row select.error {
    background: #ffe3e3!important; 
    border: 1px solid #e00!important; 
    }
.form div.row span.required{color:red;}
.form div.row.error label{color:Red;}
/*.form div.row.error span.validator, .form-side-labels span.validator, .form-top-labels span.validator
{
	float: left;
	display: block;
	margin: 0 0 0 5px;
	padding: 3px;
	width: auto;
	font-weight: bold;
	color: #fff;
	background: red;
}*/
/* simple css-based tooltip */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:8px 10px;
	width:150px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:10px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;    
}

.form .col{float:left;width:100%;}
div.form .row{text-align:left;padding-bottom:10px;font-size:12px;}
div.form .row label{vertical-align:top;font-size:11px;width:180px;display:inline-block;text-align:right;}
div.form .row span.field{display:inline-block;width:200px;margin-left:10px; text-align:left;font-weight:bold;padding:2px;}

.form input, 
.form select, 
.form textarea{
    font-size:12px;}
div.form .textbox{
                border:1px solid  #999;
                width:200px;
                font-size:12px;
                color:#515151;
                margin-left:7px;
                vertical-align:text-top;
				background:#FFF;
				}
				
.form input.button, 
a.ui-button 
    {min-width:100px;cursor:pointer;border:0px;color:#fff;background:#A83A16;padding:5px;}
a.ui-button{display:inline-block;text-indent:-9999px;}
div.form select.textbox{width:204px;}

div.form .row.submit{text-align:right;}
div.form .row.submit input{margin-right:2em;}

#reset-password.form,
#change-password.form
    {width:420px;}
    
p.notification{
    padding:10px;
    display:block;
    word-wrap:break-word;
	
    -moz-border-radius: 0.5em;
    webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    clear:both;}
    
.notification.ui-state-error{border:solid 1px #cd0a0a;color:#cd0a0a;background-color:#FEF8F6;text-align:left;}

.lawyers-search{width: 596px; border-collapse: collapse;}
.lawyers-search th,
.lawyers-search td
    {border-bottom:1px solid #fbfbfa;vertical-align:bottom;text-align:left;}

.noborder td, .noborder th
{
    border:0px;
}

.special-ul ul li {float:left; width:120px;}
.special-ul ul li {}