body {
	margin: 0;
	padding: 0; 
	font-family: Arial, Verdana, Helvetica, sans-serif;   
	font-size: 13px;
	letter-spacing: 0.03em; 
	color: #878793;
}
body.live {
	background: #C2C2C2 url(../images/layout/page_bg.jpg) center top repeat-y;
}

table { border-collapse: collapse; }
th { text-align: left; }
td { vertical-align: top; padding: 0; }
td, li, p, .txt {
	color: #878793;           
	font-size: 13px;
	letter-spacing: 0.03em; 
	line-height: 1.3em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
hr {
    border: 0px; /* Firefox and Opera */
 	border-top: solid 1px #999999;
 	border-bottom: transparent;
}
form { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5 { margin: 0; line-height: 1.2em; }

p, .txt { padding: 1em 0; margin: .5em 0 .75em 0; }
.small { font-size: 11px; }
.note { padding: 1px; margin: 2px 0; color: #0033ff; background: #ffffcc; font-size: 11px; }

a, a:visited, a:active { color: #878995; text-decoration: underline; }
a:hover { color: #000; }
a img { border: 0; }
h1 a.anchor, h2 a.anchor { text-decoration: none; cursor: default; }
h1 a.anchor { color: #000000; }
h2 a.anchor { color: #666666; }

div.lightboxCont { display: inline; padding: 0; margin: 0; }

.error {
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}
div.error {
  	background: #ffcc99;
	border: 1px dashed #cc0000;
	line-height: 1.4em;
	padding: 5px;
	margin-top: 5px; margin-bottom: 5px;
}
div.error ul {
  	margin: 5px 0 5px 30px;
}
div.error h2, div.error h3 {
	padding-top: 0;
	color: #cc0000;
}


/**
 * MESSAGE BOXES 
 */
.msg-block {
	margin: 5px 0 10px 0;
	padding: 20px 5px 15px 75px;
    min-height: 25px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 1.2em;
	background-position: 10px 5px;
	background-repeat: no-repeat;
}
.msg-info {
	border: 1px dotted #ccc;
	background-image: url(../images/msg/info.png);
}
.msg-ok {
	border: 1px dotted #ccc;
	background-image: url(../images/msg/ok.png);
}
.msg-warn {
	border: 1px dotted #ff0000;
	background-image: url(../images/msg/warn.png);
}
.msg-err {
	border: 1px dotted #ff0000;
	color: #ff0000;
	background-image: url(../images/msg/warn.png);
}

/** ************************************************************** **
 *  DETAILS  
 ** ************************************************************** **/

/**
 * Standard details table 
 */
table.detailsTbl {
    margin: 10px 0;
    width: 100%;
    border-collapse: collapse;
}
table.detailsTbl tr td {
    padding: 4px 5px;
    border-bottom: 1px solid #cccccc;
}
table.detailsTbl tr td.fld {
    width: 30%;
    padding-right: 5%;
    background-color: #F7F7F7;
}

/** ************************************************************** **
 *  MODAL WINDOWS 
 ** ************************************************************** **/

.modal { display: none; }

/**
 * Dialogue - small modal win, rounded corners, solid bg 
 */
.modal-dialogue {
    background-color:#fff;
    width:350px;
    padding:15px;
    text-align:left;
    border:2px solid #333;
    
    opacity:0.8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}
.modal-dialogue h2 {
    /*background:url(../images/modal/info.png) 0 50% no-repeat;*/
    margin:0px;
    padding:10px 0 10px 45px;
    border-bottom:1px solid #333;
    font-size:20px;
}

 
/**
 * Application - mid sized overlay for more than just a dialogue 
 */
.modal-application {
	background: url(/images/modal/petrol.png) no-repeat;
	color: #fff;
	width: 656px;
    height: 526px;
    padding: 0;
}
.modal-application .loading-ani {
	width: 400px;
    height: 300px;
    margin: 0 auto;
	background: url(/images/modal/ajax-loader.gif) center center no-repeat;
}
.modal-application .modal-win-buttons {
	position: absolute;
    right: 30px;
    bottom: 30px;
}
.modal-application .modal-win-buttons button.ico-but, .modal-application .modal-win-buttons a.ico-but {
	margin-left: 30px;
}
	
.modal-application .but-close-win {
    position: absolute;
	background: url(/images/modal/close.png) no-repeat;
    width: 36px;
    height: 36px;
    overflow: hidden;
	right: 6px;
	top: 6px;
    cursor: pointer;
}
.modal-application div.contentWrap {
	padding: 35px 55px;
}


.modal-application h3 { margin-bottom: 10px; padding: 0 0 10px 20px; border-bottom: 1px solid #ffffff; color: #ffffff; font-size: 16px; }
.modal-application .intro { padding: 0 0 0 20px; font-size: 11px; }
.modal-application .mainText { padding: 0 0 0 20px; font-size: 12px; }