/*
================================================================
| Default CSS Style
| There are no module specific CSS files here, this is SKIN only CSS
================================================================
*/

/*
================================================================
| Imported CSS files
================================================================
*/

@import url("/client/css/reset.css");
@import url("thickbox.css");
@import url("navigation.css");
@import url("errormsg.css");

/*
================================================================
| Overall CSS
================================================================
*/

* {	padding: 0; margin: 0; border: 0; outline: none; }

body
{
	/*background: url("/client/images/site_bg_colour.jpg") repeat-x #beebfd;*/
	background: #676767;
	font-size: 12px;
	font-family: "Lucida Grande", geneva, arial, sans-serif;
}

html
{
	
}

:focus { -moz-outline-style: none; }

h1
{
	font-size: 16px;
	color: #222;
}

h1 a
{
	color: #616161;
	text-decoration: none;
}

h1 a:hover
{
	text-decoration: underline;	
}

a
{
	color: #000000; 	
}

ul.downloads li
{
	padding-bottom: 8px;	
}

li
{
	margin-left: 25px;	
	list-style: circle;	
}

p.map
{
	display: block;
	background: url("/client/images/pdf.gif") no-repeat left;
	padding-left: 25px;
}	

hr
{
	border-top: 2px solid #790000;
	margin-bottom: 10px;
}

/*
================================================================
| Errors
================================================================
*/

FORM .diverror, DIV#errors { background: #FFFF99; border: 1px solid #FF0000; padding: 5px; margin-bottom: 10px; }
FORM .diverror INPUT { border: 1px solid #FF0000; }
FORM .diverror LABEL { width: 160px; }
FORM .diverror p { font-size: 11px; font-weight: bold; clear: left; margin-left: 5px; }
FORM INPUT.inputText formerror
{
	border: 1px solid #990000;
}

/*
================================================================
| Jquery Tooltip
================================================================
*/

#tooltip
{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding: 8px 10px 8px 10px;
	color:#333;
	display:none;
	font-size: 12px;
}

/*
================================================================
| P & Span Elements
================================================================
*/

p.hometext
{
	word-spacing: 0.1em;	
}

p.login
{
	padding-top: 6px;
	float: left;
	width: 230px;
	margin-left: 10px;
}

p.login a
{
	text-decoration: none;
	color: #c60000;	
}

p.login a:hover
{
	color: #222;
	text-decoration: underline;
}

/*
================================================================
| TAB related functions
================================================================
*/

/*
================================================================
| table that displays stored data
================================================================
*/
table.overview-table, table.overview-table-nohover {
	font-size: 11px;
	background-color: #4D4D4D;
}
table.overview-table th, table.overview-table-nohover th {
	text-align: left;
	background: url(/client/images/administration/bgTable2.png);
	padding: 5px;
}
table.overview-table td, table.overview-table-nohover td {
	background: #f5f5f5;
	padding: 5px;
}
table.overview-table td.data
{
	padding: 5px;
}
table.overview-table td.sort
{
	padding: 2px;
}
table.overview-table-nohover td
{
    background: #fff;
}
table.overview-table td.title, table.overview-table-nohover td.title {
	font-weight: bold;
	width: 120px;
}
table.overview-table td a, table.overview-table-nohover td a
{
	font-weight: bold;
	text-decoration: underline;
}
table.overview-table td a:hover
{
	color: red;
}
table.overview-table tr:hover td
{
	cursor: pointer;
	background: url(/client/images/administration/tableBg.png) repeat-x #fef900;
}

table.overview-table tr.even td, table.zebra tr.even th { background-color:#efefef; }
table.overview-table tr.odd td { background-color:#e3e3e3; }
table.overview-table td.tableBottom { background: url("/client/images/administration/tableBottom.png"); }
table.overview-table tr:hover td.tableBottom { background: url("/client/images/administration/tableBottom.png");}

table.links
{
	text-align: center;
}

table.links tr td
{
	font-weight: bold;	
}

table.links img
{
	padding: 1px;
	border: 1px solid #ccc;
}

table.links a
{
	color: #222;	
}

table.meet_us img
{
	padding: 1px;
	border: 1px solid #ccc;	
}

table.meet_us a
{
	color: #222;
	text-decoration: none;	
}

table.claim
{
	background: #fff;
	border: 1px solid #ccc;
}

div.claim_wrap
{
	width: 49%;
	float: left;
	margin-bottom: 20px;
	margin-left: 1%;
}

table.claim_form
{
	background: #fff;
	border: 1px solid #ccc;
	width: 100%;
}

table.signup
{
	float: left;
	width: 400px;	
}

/*
================================================================
| LABELS and FORM ELEMENTS
================================================================
*/

label 
{
	color:#5a5a5a;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
	font-weight: bold;
}

INPUT.inputStandard
{
	width: 300px;
	padding: 2px;
	border: 1px solid #ccc;
}
INPUT.inputMedium, INPUT.inputText, INPUT.inputDate, INPUT.inputMicro
{
	width: 200px;
	padding: 2px;
	border: 1px solid #ccc;
}

INPUT.inputText:focus, INPUT.inputText:focus, INPUT.inputDate:focus, INPUT.inputMicro:focus
{
	border: 1px solid red;	
}

INPUT.inputDate
{
	width: 100px;	
}

INPUT.inputMicro
{
	width: 50px;
}	

SELECT.inputSelect, SELECT.inputSelectSmall, SELECT.inputSelectTiny
{
	border: 1px solid #ccc;
	width: 206px;
}
.inputTextarea 
{
	border: 1px solid #b7b7b7;
	width: 265px;
	height: 75px;
	margin-bottom: 10px;
	padding: 2px;
}

.inputTextarea:focus
{
	border: 1px solid red;	
}

.inputTextareaSmall
{
	border: 1px solid #b7b7b7;
	width: 250px;
	height: 75px;
	margin-bottom: 10px;
	padding: 2px;
}
.btnok
{
	border: 2px solid;
	border-color: #FF0000 #990000 #990000 #FF0000;
	background: #CC0000;
	color: #FFF;
	font-weight: bold;
	cursor:pointer;
}

.btsno
{
	background: url(/client/images/administration/buttonSmall.png) no-repeat;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	cursor: pointer;
	width: 70px;
	padding-top: 2px;
	padding-bottom: 4px;
	background-position: 0 -22px;
}
.btsno:hover
{
	background-position: 0 -0px;
}
.btsno:active
{
	background-position: 0 -44px;
	color: #fff;
}

.btkko, .btnno, .btsno
{
	background: url(/client/images/administration/buttonSquare.png) repeat-x;
	background-position: 0 -40px;
	font-family: verdana;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	cursor: pointer;
	padding: 2px 5px 3px 5px;
	border-left: 1px solid #2d7209;
	border-right: 1px solid #2d7209;
}
.btkko:hover, .btnno:hover, .btsno:hover
{
	background-position: 0 -0px;
}
.btkko:active, .btnno:active, .btsno:active
{
	background-position: 0 -20px;
	color: #fff;
	outline: none;
}

.close, .button
{
	cursor: pointer;
	border: 1px solid #222;
	padding: 3px 6px 3px 6px;
	font-weight: bold;
}

.close:hover, .button:hover
{
	background: #c60000;
	color: #fff;
}

.red
{
	background: #c60000;
	color: #fff;
}

/*
================================================================
| DIV ELEMENTS
================================================================
*/

DIV#wrapper
{
	width: 95%;
	max-width: 1050px;
	margin: auto;
	background: url("/client/images/background.jpg");
	border: 1px solid #000;
	padding: 10px;
	padding-top: 0;
	padding-bottom: 0;
}

DIV#innerWrapper
{
	background: url("/client/images/ate_logo.gif") no-repeat right top;	
}

DIV#top
{
	
	width: 100%;
	height: 60px;
}

DIV#topNav
{
	text-align: left;
	padding-left: 20px;
	word-spacing: 0.1em;
}

DIV#topNav a
{
	padding: 5px 3px 5px 3px;
	float: left;
	text-decoration: none;
	color: #222;
	font-weight: bold;
	width: 65px;
	text-align: center;
	background: url("/client/images/top_bar.gif") no-repeat right;
}

DIV#topNav a:hover
{
	color: #fff;
	background-color: #c60000;
	background-image: none;
}

body.index div#topNav a.index, body.about_us div#topNav a.about_us, body.services div#topNav a.services, body.meet_us div#topNav a.meet_us,
body.documents div#topNav a.documents, body.links div#topNav a.links, body.claim div#topNav a.claim, body.members div#topNav a.members,
body.members div#topNav a.members
{
	color: #fff;
	background-color: #c60000;
	background-image: none;
}

body.about_us div#topNav a.index, body.services div#topNav a.about_us, body.meet_us div#topNav a.services, body.documents div#topNav a.meet_us,
body.links div#topNav a.documents, body.claim div#topNav a.links, body.members div#topNav a.claim
{
	background-image: none;	
}

DIV.front
{
	padding: 20px;
	padding-top: 0;
}

DIV#footer
{
	text-align: left;
	font-size: 11px;
	word-spacing: 0.1em;
	background: url("/client/images/bottomlogo.gif") no-repeat right bottom;
	padding-left: 20px;
	padding-top: 20px;
}
DIV#footer p
{
	padding-bottom: 10px;
}
DIV#footer a
{
	color: #222;
	font-size: 11px;
	text-decoration: none;
	color: #c60000
}
DIV#footer a:hover
{
	color: #222; 
	text-decoration: underline;
}

DIV.box
{
	float: left;
	width: 200px;
	border: 2px solid #ccc;
	margin-right: 10px;
	text-align: center;
	padding: 20px;
	background: #fff;
}

DIV.box:hover
{
	border: 2px solid #e4413a;
}

DIV.box a
{
	color: #222;	
}

DIV.box a:hover
{
	color: #e4413a;
}

DIV.warning
{
	padding: 10px;
	background: yellow;
	border: 1px solid red;
	color: #000;	
	margin-bottom: 10px;
	font-weight: bold;
}

DIV.actionBox
{
	float: left;
	width: 45%;
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px;
	margin-right: 10px;	
}

DIV.boxWrap
{
	margin-bottom: 25px;	
}

DIV.smallBox
{
	background: url("/client/images/img_bg.png") no-repeat;
	float: left;
	text-align: center;
	padding: 10px;
	width: 86px;
	margin-right: 20px;
	height: 140px;
}

DIV.bigBox
{
	background: url("/client/images/img_bg_big.png") no-repeat;
	float: left;
	text-align: center;
	padding: 10px;
	width: 86px;
	margin-right: 20px;
	height: 200px;
}

DIV.membersBox
{
	background: url("/client/images/img_bg_members.png") no-repeat;
	float: left;
	text-align: center;
	padding: 10px;
	width: 86px;
	margin-right: 20px;
	height: 200px;
}

a.text
{
	color: #222;
	text-decoration: none;
	font-weight: bold;
}

a.text:hover
{
	text-decoration: underline;
}

img.ate
{
	margin-bottom: 25px;
	margin-left: 20px;
}

a.front_about, a.front_services, a.front_meetus, a.front_documents, a.front_claim, a.front_agents, a.front_news, a.pi, a.pbl, a.members_news, a.members_docs, a.members_caselaw, a.members_submit, a.members_update
{
	background: url("/client/images/supermanbw.jpg") no-repeat;
	background-position: 2px 2px;
	height: 107px;
	width: 84px;
	display: block;
	text-decoration: none;
}

a.front_services
{
	background: url("/client/images/Scalesbw.jpg") no-repeat;
	background-position: 2px 2px;
}

a.front_meetus
{
	background: url("/client/images/handshakebw.jpg") no-repeat;
	background-position: 2px 2px;
}

a.front_documents, a.members_caselaw
{
	background: url("/client/images/lawbooksbw.jpg") no-repeat;
	background-position: 2px 2px;
}

a.front_claim
{
	background: url("/client/images/Nursebw.jpg") no-repeat;
	background-position: 2px 2px;
}

a.front_agents
{
	background: url("/client/images/judgewigbw.jpg") no-repeat;
	background-position: 2px 2px;
}

a.front_news, a.members_news
{
	background: url("/client/images/newsbw.jpg") no-repeat;
	background-position: 2px 2px;
}

a.pi
{
	background: url("/client/images/picoverbw.jpg") no-repeat;
	background-position: 2px 2px;
	margin-bottom: 10px;
}

a.pbl
{
	background: url("/client/images/pblcoverbw.jpg") no-repeat;
	background-position: 2px 2px;
	margin-bottom: 10px;
}

a.members_docs
{
	background: url("/client/images/documentsbw.jpg") no-repeat;
	background-position: 2px 2px;
	margin-bottom: 5px;
}

a.members_submit
{
	background: url("/client/images/newcasebw.jpg") no-repeat;
	background-position: 2px 2px;
}

a.members_update
{
	background: url("/client/images/updatebw.jpg") no-repeat;
	background-position: 2px 2px;
}



a.front_about:hover, a.front_services:hover, a.front_meetus:hover, a.front_documents:hover, a.front_claim:hover, a.front_agents:hover, a.front_news:hover, a.pi:hover, a.pbl:hover, a.members_news:hover, a.members_docs:hover, a.members_caselaw:hover, a.members_submit:hover, a.members_update:hover
{
	background: url("/client/images/superman.jpg") no-repeat;
	background-position: 2px 2px;
}

a.front_services:hover
{
	background: url("/client/images/Scalesl.jpg") no-repeat;
	background-position: 2px 2px;
}

a.front_meetus:hover
{
	background: url("/client/images/handshake.jpg") no-repeat;
	background-position: 2px 2px;
}

a.front_documents:hover, a.members_caselaw:hover
{
	background: url("/client/images/lawbooksc.jpg") no-repeat;
	background-position: 2px 2px;
}

a.front_claim:hover
{
	background: url("/client/images/Nursec.jpg") no-repeat;
	background-position: 2px 2px;
}

a.front_agents:hover
{
	background: url("/client/images/judgewig.jpg") no-repeat;
	background-position: 2px 2px;
}

a.front_news:hover, a.members_news:hover
{
	background: url("/client/images/news.jpg") no-repeat;
	background-position: 2px 2px;
}

a.pi:hover, DIV.box:hover a.pi
{
	background: url("/client/images/picover.jpg") no-repeat;
	background-position: 2px 2px;
}

a.pbl:hover, DIV.box:hover a.pbl
{
	background: url("/client/images/pblcover.jpg") no-repeat;
	background-position: 2px 2px;
}

a.members_docs:hover
{
	background: url("/client/images/documentsc.jpg") no-repeat;
	background-position: 2px 2px;
	margin-bottom: 5px;
}

a.members_submit:hover
{
	background: url("/client/images/newcase.jpg") no-repeat;
	background-position: 2px 2px;
}

a.members_update:hover
{
	background: url("/client/images/update.jpg") no-repeat;
	background-position: 2px 2px;
}

/* thickbox additions */

DIV#TB_title
{
	display: none;	
}