﻿*{margin:0; padding:0; }

html,body
{
    height:100%;
}
    
#page
{
    min-height:100%;
    position:relative;
}

#language 
{
    position: absolute;
    top: 10px;
    right: 40px;
}

h1
{
    position:absolute;
    top:10px;
    right:30px;
    color:#143D8D;
    text-shadow:0px 2px 0px #fff;
}

table { 
  border-spacing:0;
  border-collapse:collapse;
}

body
{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background:#EBEBEB url(images/bodyback.jpg) repeat left top;
}

#page
{
    background:transparent url(images/pageback.png) repeat-y center top;
    width:1000px;
    margin:0px auto;
    
}

#Container
{
    margin:0px auto;
    width:980px;
}


#MainContent
{
    margin:0px auto;
    width:900px;
    padding-bottom:90px;
}

#Header
{
    padding:10px 0px 10px 40px;
}

h2,h3
{
    color:#75B2CD;
    text-shadow:0px 1px 0px #fff;
    margin:20px 0px 10px 0px;
}

.rowHeading
{
    color:#265880;
    font-size:130%;
    text-shadow:0px 1px 0px #fff;
    padding:30px 0px 10px 0px;
}

.qrow .qcell
{
    width:50%;
    padding-right:6px;
    vertical-align:top;
    padding-top:10px;
}

.qrow .qncell
{
    width:3%;
    text-align:right;
    padding-right:10px;
    font-weight:bold;
    white-space:nowrap;
}

tr.ans .qcell
{
    color:#143D8D;
}


.acell
{
    width:9%;
    cursor:pointer;
}

.acell span
{    
    display:inline-block;
	padding:5px;   
	text-align:center;
	width:70px;
    border:solid 2px #e8e8e8;
    color:#888;
    background-color:#fdfdfd;

	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px; 
	border-radius: 30px; 

}

.acell.sel span,
.acell.sel:hover span
{
    border-color:#143D8D;
    color:#f8f8f8;
    background-color:#143D8D;
}

.acell:hover span
{
    border-color:#265880;
    background-color:transparent;
    color:#265880;
}

.qrow td
{
    padding:4px;
}

.qrow
{
    color:#555;
    text-shadow:0px 1px 0px #fff;
}

.qrow:hover .qcell
{
    color:#265880;
}

.hidden
{
    display:none;
}

#Footer
{
    color:#777;
    font-size:90%;
    text-align:center;
    padding:0px;
    margin:0px auto;
    width:700px;
    border-top:solid 1px #e0e0e0;
    height:49px;
    margin-top:-50px;   
    position:relative; 
    
}

#Footer p
{
    padding-top:10px;
}

#Footer a
{
    color:#265880;
}

.formarea
{
    font-size:1.2em;
}

label
{
    display:inline-block;
    min-width:6em;
    text-align:right;
    padding-right:10px;
    color:#222;
}

.staffQ label
{
    min-width:9em;
}

input,textarea
{
    padding:4px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px; 
	font-size:1.1em;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	
    
}

textarea
{
    border-color:#999;
}

input:focus,textarea:focus {outline: none; }

h3
{
    font-size:100%;
}

.intruct,
.blurb,
.divQ
{
    color:#222;
    margin:20px 0px;
    font-size:1.1em;
    text-shadow:0px 1px 0px #fff;
    line-height:1.6em;
}

.divQ label
{
    min-width:9em;
}

.dpButton
{
    min-width:80px;
    text-shadow:0px -1px 0px #222;
    background-color:#265880;
    color:#fff;
    cursor:pointer;
}

.dpButton:hover
{
    background-color:#75B2CD;
}

.error
{
    display:block;
    margin-top:10px;
    font-weight:bold;
    color:#ee3300;
}


.commentRow textarea
{
    min-height:1.9em;
    border:solid 1px #bbb;
    background-color:Transparent;
    color:#888;
    width:99%;
}

.commentRow textarea.focussed
{
    min-height:6em;
    border:solid 1px #333;
    background-color:#fff;
    color:#333;
}


.commentRow label
{
    text-align:left;
    color:#999;
    font-size:90%;
    padding-bottom:4px;
}

.rowComment label
{
    text-align:left;
    padding:10px 0px 5px 0px;
}


.rowComment textarea
{
    width:99%;
}

td.commentRow
{
    padding:4px;
    border-bottom:dashed 1px #e8e8e8;
}

.formTable
{
    background:url('images/bodyback.jpg') left top;
    padding:15px 30px;
    -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3) inset;
       -moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3) inset;
            box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3) inset;
    border:solid 1px #bbb;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px; 
    
    
}

.formRow td
{
    padding:10px 0px;
}

.formRow td.carryOver
{
    padding-bottom:0px;
}


.formRow label
{
    font-weight:bold;
}


.cellS label
{
    min-width:auto;
    font-weight:normal;
}

.cellS input
{
    margin-right:20px;
}

.submitButtons
{
    margin-top:10px;
}

.dpWatermark
{
    color:#ccc;
}

.sentEmail
{
    display:block;
    background:url('images/bodyback.jpg') left top;
    padding:15px 30px;
    -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3) inset;
       -moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3) inset;
            box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3) inset;
    border:solid 1px #bbb;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px; 
    
}

#Footer {
z-index:2;
}

.ajax__validatorcallout {
    z-index:3;
    width:300px !important;
}

