/* 
CSS FOR funtionalities includes customisable css for jquery modal dialogs.

jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
    min-width: 120px;
		max-width: 700px;
		width: 90%;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
     width: 300px;
     max-width: 300px;
}

.actions {
	font-size:1.1em;
	padding: 30px 30px 30px 0px;
	width: 450px;
}
.highlight {
	color: red;
}

#CancelSend,#CancelNote,#CancelExit{
display: none;
}

#dialog{
	font-family:Arial,Helvetica,sans-serif;
}
#dialog h2 {
	font-size:1.8em;
	font-weight:bold;
	text-transform:uppercase;
}

#dialog p {
	font-size:1.2em;
	margin:0 0 13px;
}

#popup.email{min-height:392px;}
#popup.notes {min-height:200px; background-image:url(../images/template/bkg_popup_note.gif);}
#popup.exit {min-height:148px; background-image:url(../images/template/bkg_popup_exit.gif); padding-top:55px;}
#popup .linkholder {height:8.5em; background:#FFF; padding:1em;}
#popup h1, #popup h2, #popup p {margin:0; padding:0; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; }
#popup .linkholder p {padding:0 0 1em 0; color:#000;}
#popup h1 {font-size:2em; font-weight:bold; text-transform:uppercase; color:#fff;}
#popup h2 {color:#ff0; font-size:1.3em;}
#popup .requiredfield {color:#ff0;}
#popup a {color:#c2db91;}
#popup .linkholder a {color:#3E5D1E;}
#popup p {font-size:1.2em; padding:10px 0 0;}
#popup p.link {padding:0 0 10px 0;}
#popup form input {border:1px solid #fff; border-top:3px solid #fff; border-bottom:3px solid #fff;}
#popup form #frmCode {border:3px solid #fff; border-top:5px solid #fff; border-bottom:5px solid #fff;}
#popup p.highlight {padding:0; color:#FFFF00;}
#popup span.highlight {float:left!important; margin:3px 0 0 8px; color:#FFFF00; text-align:left!important;}
/* popup buttons */

a#CancelSend, a#CancelNote {float:left; display:block; width:61px; height:22px; margin:10px 5px 5px 5px; background:url(../images/content/lightbox/cancel_btn.gif) no-repeat 0 0; color:#fff;}
a#ActionSend, a#ActionNote {float:left; display:block; width:61px; height:22px; margin:10px 0 5px 5px; background:url(../images/content/lightbox/send_btn.gif) no-repeat 0 0; color:#fff;}
a#SaveNote {float:left; display:block; width:61px; height:22px; margin:10px 0 5px 5px; background:url(../images/content/lightbox/save_btn.gif) no-repeat 0 0; color:#fff;}
a#EnterLink {float:left; display:block; width:61px; height:22px; margin:10px 0 5px 5px; background:url(../images/content/lightbox/enter_btn.gif) no-repeat 0 0; color:#fff;}
a#CancelSend span, a#CancelNote span, a#ActionSend span, a#ActionNote span, a#SaveNote span, a#EnterLink span {display:none;}


/* forms */
/*
form {font-size:1.1em; padding-top:10px;}
form label {float:left; clear:left; width:128px; padding-top:2px;}
.download_page_content form label {float:none; clear:none; width:inherit; padding-top:0px;}
form label.extraPadLabel {padding-top:6px;}
form input {float:left;}
form input.field {width:190px; margin-bottom:10px;}
form textarea {float:left; width:310px; background:#f8face; margin-bottom:10px; border:1px solid #f8face;}
form #frmCode {width:149px; font-size:1.3em; padding:2px 0; margin-left:0;}
form .captcha {padding-left:5px; float:left;}
form .submission_buttons input {float:left; width:140px; margin-bottom:10px; clear:none; background:#1f5a00; border:1px solid transparent;}
form .actions {clear:left; text-align:right;}
form .error{
	color: red;
	font-weight: bold;
	font-size: 1.1em;
}\*/
table.skip {display:none;}

/******************************************************************************************************/
.frmFeedback {width:780px!important;}

.clear {clear:both;}
.clearFloat {clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px; visibility:hidden;}
.radio {border:none!important;}
.radioRow {clear:both;	margin-left:12px;}
.radioRow input {margin-top:1px;}
.formrow {float:left; padding-top:5px;}
.formrow label {float:left; margin-left:0!important; width:auto; margin-right:5px; clear:none!important;}
.formrow .last {margin-right:5px;}
.formrow .labelFloat input {float:left!important; margin-right:5px; clear:none!important;}
.formrow .labelFloat label {float:left;}
.formrow textarea {margin:10px 0 0 11px;}
.formrowEmail {clear:both;}
.frmColRight .highlight {margin-left:5px;}
.questionLabel {width:350px!important;}
.frmColLeft {float:left; width:370px;}
.frmColLeft span, .frmColRight span {float:left; margin:2px 3px 0 0;}
.frmColLeft label {margin-top:1px;}
.frmColRight {float:left; width:340px;}
.frmColLeft .formrow, .frmColRight .formrow {margin-bottom:15px;*margin-bottom:5px;}
img.captcha {margin:0 0 0 1px;}
#closeX {float:right; margin-right:5px;}
.validationImage {margin:0; float:left; margin-left:8px;}
#note_ta {width:435px; height:150px;}
div.note {margin:5px 0;}
img.leaderboard {padding-bottom:10px;}
p.alert {color:#cc3300;}
body#body  #popup.email div#frm {width:100%;}
body#body form#survey {width:775px;}
body#body form#survey div.formrow {padding:0;}
#NotepadForm input{
	   width: auto;
}

#exitpage {
	margin:50px 0px; padding:0px;
	text-align:center;
	
}

#exitcontent {
	width:400px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	font-size: 1.1em;
}

#exitcontent h1{
	font-size: 1.5em;
	font-weight: bold;
}

ul.downloads li{
	padding: 10px;
	display: block;
}

.skip {
	display: none;
}

table#notelist td {
  text-align: left;
}

table#notelist h4 {
  text-align: left;
  margin: 0;
  color: #000;
  font-size: 1.2em;
}