/* margin/padding/border
    one value, such as 10px, to specify equal padding on every side
    two values, such as 10px 5px, to specify top/bottom (first value) and right/left (second value) padding
   three values, such as 10px 5px 2px, to specify top (first value), right/left (second value) and bottom (third value) padding
   four values, such as 10px 5px 2px 1px to specify top, right, bottom and left padding respectively
*/

/*General*/
html,body {margin:5px;padding:0;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}

table,td,th,p,div,input,select,textarea {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;}

a img {border:0;}

div.paragraph {width:100%;font-size:1.2em;margin-top:1em;margin-bottom:0.5em;}
div.paragraphImage {text-align:center;margin-top:1em;margin-bottom:1em;}
div.paragraphImageText {font-size:1em;font-style:italic;}
div.paragraphButtons {font-size:1em;margin-top:1em;margin-bottom:2em;}

div.top {width:auto;height:40px;background-image:url(/upload/system/logo.jpg);background-position:top center;background-repeat:no-repeat;margin:0 auto;}
div.middle {width:auto;background-image:none;margin:0 auto;}
div.content {width:auto;margin:0 auto;padding:0;text-align:left;}
div.bottom {width:auto;height:auto;background-image:none;margin:0 auto;}

.right {text-align:right;}
.center {text-align:center;}
.error {color:#ff0000;}

table.questionoption tr td {vertical-align:top;}

/*Headers*/
h1 {font-size:1.1em;margin:0;}
h2 {font-size:1em;margin:0;}
h3 {font-size:0.9em;margin:0;}
h4 {font-size:0.8em;margin:0;}
h5 {font-size:0.7em;margin:0;}
h6 {font-size:0.6em;margin:0;}

div.index0 {text-indent:0px;clear:both;}
div.index1 {text-indent:10px;clear:both;}
div.index2 {text-indent:20px;clear:both;}
div.index3 {text-indent:30px;clear:both;}
div.index4 {text-indent:40px;clear:both;}

img.trafficlight {width:16px;height:18px;vertical-align:middle;}

/*Hyperlinks*/
a {text-decoration:none;color:#0000dd;}
a:hover {text-decoration:underline;color:#0000dd;}

/* START CMS STUFF */
tr.cms {background-color:transparent;}
tr.cms:hover {background-color:#c0c0c0;}

tr.cmsInactive {background-color:transparent;}
tr.cmsInactive td {text-decoration:line-through;}
tr.cmsInactive:hover {background-color:#c0c0c0;}
tr.cmsInactive:hover td {text-decoration:none;}

/*Table class=border*/
table.border {border:1px #000000 solid;border-collapse:collapse;}
th.border {border-right:none;text-align:center;}
td.border {border-right:none;}
th.borderButton {border-right:none;width:auto;}
td.borderCenter {border-right:none;text-align:center;}
td.center {text-align:center;}

div.border {border:1px #000000 solid;padding:5px;}

/*Forms*/
form {margin:0;padding:0;}
input.input {width:auto;}
input.button {width:auto;}
input.inputSmall {width:auto;}
input.inputSmaller {width:100px;}
input.readonly {width:auto; background-color:#c0c0c0;}
input.readonlySmall {width:auto; background-color:#c0c0c0;}
textarea.input {width:auto; height:auto;font-size:1.0em;}
select.input {width:auto;}
.hidden {display:none;}

img.image {vertical-align:middle;border:0;}

/* END CMS STUFF */