/* 	@author: Harry McKillen
	@copyright: 2009, Wolfhound Media Design
	@website: www.wolfhound.ie
	@client: Rapid BER

	@file: rapid_global.css
	This CSS file will control the global elements and main formatting for the site. Colours, and Text-Size will be contained in separate CSS files
*/

body {padding:0; margin:auto; width:700px;height:100%;}

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

label{display: block; margin-top:5px;margin-bottom: 3px;}

#emailusat a {text-decoration:none;}
#emailusat a:hover{text-decoration:underline;}

.clear{clear:both;}

div.center{margin:auto;}

#header{padding:10px 0 20px 10px; width:700px;}
#header_left{float:left; border:0px solid #000; width:200px; height:125px;}
#header_right{float:left; border:0px solid #000; width:480px; height:125px; text-align:right;}
#header_left img, #header_right img{float:right; border:0px solid #000; padding:0;}

#telno, #emailusat{padding-right:10px;}
#callus, #telno{padding-top:40px;}

/* ---------------------- Main  nav ---------------------- */
#mainmenucontainer{position:relative;height:33px;color:#E0E0E0;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#mainmenunav{position:relative;height:33px;font-size:12px;/*text-transform:uppercase;*/font-weight:bold;background:url(../images/mainmenu_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#mainmenunav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#mainmenunav ul li{display:block;float:left;margin:0 1px;}
#mainmenunav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#mainmenunav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#mainmenunav ul li a:hover{color:#fff;background:transparent url(../images/mainmenu_bg-OVER.gif) repeat-x bottom left;}
#mainmenunav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#mainmenunav ul li a.current,#mainmenunav ul li a.current:hover{color:#fff;background:url(../images/mainmenu_left-ON.gif) no-repeat top left;line-height:275%;}
#mainmenunav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:url(../images/mainmenu_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- END Main nav ---------------------- */

/*
#main_menu li{float:left; list-style-type:none; padding:5px;}
#main_content_area {padding:15px;}
#main_content_area p{padding:0 15px 5px 15px;}
#main_content_area h1{padding:0 15px 0 15px;}
*/

div.warning { background:#e85151;color:#000; padding:2px 10px 5px 10px; margin:10px 0 10px 0;}
div.dotted_border {border:2px solid #000; width:96%; }
div.warning_small {width:70%;}

#main_content_text{float:left;width:380px;text-align:justify;padding:5px;margin-left:5px;}
#main_content_text_wide{float:left;width:680px;padding:5px;margin-left:5px;}

#main_content_text table.prices{border:1px solid silver;width:50%;text-align:center;margin:auto;}
#main_content_text table.prices td{border:1px solid silver;padding:5px;}
#main_content_text table.prices th.forty{width:40%;}
#main_content_text table.prices th.sixty{width:60%;}


#main_content_text_wide table.quote{border:1px solid #52b947;width:100%;text-align:center;border-collapse: collapse;}

#main_content_text_wide table.quote tr td, #main_content_text_wide table.quote tr th{border:1px solid #52b947;padding:5px;}
#main_content_text_wide table.quote tr td table tr td{border:0px solid #52b947;text-align:center;}
#main_content_text_wide table.quote tr td table{width:100%;}
#right_image{float:right;padding:0;margin:0;}

#main_content_text_wide table.quote tr td.error{background:#e85151;color:#000;}
#main_content_text_wide table.quote tr td.datefield{text-align:left;}
.no_moz_curve{}

#footer{padding-top:10px;text-align:center;}

/**** DATE PICKER CSS FILE ****/
a.dp-choose-date { float: left; width: 16px; height: 16px; padding: 0; margin: 2px 0px 0 3px; display: block; text-indent: -2000px; overflow: hidden; background: url(../images/calendar.png) no-repeat; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px;	cursor: default;}
input.dp-applied {float: left; position:relative; border:1px solid silver;}

input.date-pick {display:block;}

table.jCalendar {	border: 1px solid #000;	background: #3eb232; border-collapse: separate; border-spacing: 2px;}
table.jCalendar th { background: #333;	color: #fff; font-weight: bold; padding: 3px 5px;}
table.jCalendar td { background: #65e859;	color: #000; padding: 3px 5px; text-align: center;}
table.jCalendar td.other-month { background: #ddd;	color: #aaa;}
table.jCalendar td.today {	background: #666; color: #fff;}
table.jCalendar td.selected { background: #f66; color: #fff;}
table.jCalendar td.selected:hover { background: #f33; color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover { background: #fff;	color: #000;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {	background: #8df881; color: #888;}

/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup { position: relative; background: #8df881;	font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em;}
div#dp-popup { position: absolute; z-index: 199;}
div.dp-popup h2 {	font-size: 12px; text-align: center; margin: 2px 0;	padding: 0;}
a#dp-close {	font-size: 11px; padding: 4px 0; text-align: center; display: block;}
a#dp-close:hover { text-decoration: underline;}
div.dp-popup a { color: #000;	text-decoration: none;	padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {	position: absolute;	top: 2px; left: 4px; width: 100px;}
div.dp-popup div.dp-nav-prev a { float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {	cursor: default;}
div.dp-popup div.dp-nav-next {	position: absolute;	top: 2px; right: 4px; width: 100px;}
div.dp-popup div.dp-nav-next a { float: right;}
div.dp-popup a.disabled {	cursor: default; color: #aaa;}
div.dp-popup td { cursor: pointer;}
div.dp-popup td.disabled {	cursor: default;}
div.dp-popup div.dp-nav-next a.dp-nav-next-year, div.dp-popup div.dp-nav-prev a.dp-nav-prev-year{display:none;}