*{margin:0px; padding:0px; font-size:12px; }
.imageLeft{padding-right:3px;}
body {font: 100.01% Verdana, Arial, Helvetica, sans-serif;	font-size:.9em; text-align: center; color:#696969; background-color:#ff9900 !important; 
		/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */}
/*body{ background-image:url(images/bg_1.gif); margin:0px auto; }*/
body{ background-image:url(images/newBackground.jpg); 
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; background-position: top;  margin:0px auto; }

#container{ width:673px;  text-align:left; background-color:#FFFFFF; border:1px solid #669966; margin:0 auto;} /* text align is set because of IE center bug.  See above*/
#bodyContent{padding:.5em;}
H1{font-size:1.3em; color:#FF9933; border-bottom:1px dotted #FF9900; display:block; margin-bottom:.7em; clear:both;}
h2{font-size:1.1em; color:#3366FF; border-bottom:1px dotted #3366FF; display:block; margin-bottom:.7em; margin-right:20em;}
h3{ margin-top:.6em; margin-bottom:.3em;}
p{margin:1em 0em;}
ul{margin-left:2em;}
#header{height:237px; background-color:#FFFFFF; }
/*Menu*/
#menu{display:block; background-color:#006699; color:#FFFFFF; padding:4px 0px; }
#menu li a{color:#FFFFFF; padding:3px; border-right:1px solid #fff; text-decoration:none; font-size:11px; }
#menu li a:hover{background-color:#0099CC}
#menu ul, #menu li{list-style:none; list-style-type:none; display:inline; margin-left:0px; }

a{color:#0066FF;}
#footer{clear:both}
#footerMenu{font-size:.85em; color:#FFFFFF; background-color:#006699; text-align:center;padding:.5em;}
#footerText{background-color:#154A80; color:#FFFFCC; font-size:.7em; text-align:center; padding:.5em;}
#footerText a{color:#FFCC00; }
.main_text { font-family:tahoma; font-size:11px; line-height:12px; color:#6C6B6B}
#image_nonborder img { border:0px}
.yellow_11_b {font-family:tahoma; font-size:11px; font-weight:bold; color:#F2AB22; line-height:12px}
#link_blue a {font-family:tahoma; font-size:11px; color:#5A8C9C; line-height:12px}
.text_pom_b {font-family:tahoma; font-size:11px; font-weight:bold; color:#F26522; line-height:17px}
.text_blue_b{font-family:tahoma; font-size:11px; font-weight:bold; color:#5E809E; line-height:13px}
#link_blue_1 a {font-family:tahoma; font-size:11px; color:#0099CC; line-height:12px}
td {vertical-align:top}
.big_blue_num { font-family:arial; font-size:19px; color:#2E82B3; font-weight:bold}
#link_grey_b a {font-family:tahoma; font-size:11px; font-weight:bold; color:#6C6B6B; line-height:13px}
#link_bottom a {font-family:tahoma; font-size:11px; font-weight:bold; color:#ffffff; line-height:13px; text-decoration:none}
img{float:right; border:1px #666666 solid; margin:.5em;}
.important{font-weight:bold}
.TEKS li{margin:.2em; list-style:none}
#operating{width:17em; border:1px dotted #666666; background-color:#FEF5E2; font-size:.8em; margin:1em; float:right}
#container #operating h3{display: block; background-color:#3366FF; padding:.2em; border-bottom:1px solid #666; color:#FFFFFF}
#container #operating p{margin:.3em;}
.imgLeft{float:left;}
.imgClean{border:0px; margin:0px;}
#operating ul{margin:0em; padding:0px; list-style:none; }
#operating ul li{padding:0em; margin:0em; list-style:none; }
#operating ul li a{padding:.3em; border-bottom:1px dotted #FFCC00; background-color:#FCEFE2; display:block; text-decoration:none;}
#operating ul li a:hover{background-color:#FF9900; color:#FFFFFF;}
#search{float:right; width:18em; text-align:right;}
.teks {border:1px solid #aaa; background-color:#eee; padding:.5em; text-align:center; margin:0em 0em .75em 0em;}
.teks li{display:inline; border-left:1px solid #ccc; padding:3px .5em; }
#bodyContent #container calendarContainer viewContainer .event{display:inline-block !important; background-color:#00FF99 !important}
#leftAlign p{text-align:left !important}

/* ----------------------------------------*/

/*   ==== CONGRATS =====  */

#congrats h3, #errors h3 {
        margin: 0;
        font-family: "Bitstream Vera Sans", sans-serif;
        font-weight:		800;
        font-style:		normal;
        text-decoration:	none;
        word-spacing:		normal;
        letter-spacing:	normal;
        text-transform:	none;
        border-color:		black;
        padding-top:		.5em;
        padding-bottom: 	.5em;
}
#congrats h3 {
      background-color: #55B05A;
      color: white;      
}



#congrats p.toggle { text-indent: 10px;
        background: transparent url('../images/arrow-down.gif')  15px 0 no-repeat;
        }

#congrats p.closed{
        text-indent: 10px;
                background: transparent url('../images/arrow-right.gif')  15px 0 no-repeat;
}


/*   ==== COMMON: ERRORS + WARNINGS =====  */


#warnings table, #errors table {
	width:100%;
	border-top: 1px solid #ccc !important;
	line-height:120%;
	}

#warnings td, #errors td {
	border-width: 0;
}

#errors h4, #warnings h4  {
  font-weight: bold;
  margin: 1em 0 0 0;
  padding: .2em;
  background-color: #eee;
  color: black;
}

td.linenumber {
	width:3em;
	border-bottom: 1px solid #ccc !important;
	background-color: #e1e1e1;
	text-align:right;
}

td.codeContext {
	border-bottom: 1px solid #ddd !important;
	background-color: #F1F1F1;}


/*   ==== ERRORS =====  */

/* id="errors" - start of the list of errors */

#errors h2 {
  background-color: #E82848;
  color: white;
}

#errors h3 {
background-color: #D23D24 !important;
        color: white;
}


td.message {
	padding: 5px 1em;
	border-bottom: 1px solid #fdd !important;
}

td.nocontext {
	width: 3em;
	border-bottom: 1px solid #ddd !important;
	background-color: #F1F1F1;}

td.io, td.notfound, td.invalidparam, td.errortoken, td.unknownerror {
	padding: 5px 1em;
	border-bottom: 1px solid #fdd !important;
}

/*   ==== WARNINGS =====  */

/* id="warnings" - start of the list of warnings */

tr.warning {
	padding: 0;}

td.level1, td.level2, td.level0 {
	padding: 5px 1em;
	border-bottom: 1px solid #fdd !important;
}
.level0 {
	border-left: 10px solid #C66 !important;
	color: #000;}

.level1 {
	border-left: 10px solid #FA9084 !important;
	color: #000;
}
.level2 {
	border-left: 10px solid #FFB1A7 !important;
	color: #000;
}

/* ==== example of code for icon ==== */
pre {
        margin-left: 30px;
        padding: 2em;
        border-left: thin solid #ddd;
}
/*   ==== VALIDATED STYLESHEET =====  */

/* id="css" - to identify the validated style sheet */
#css {}

/* class="vAtRule" - block of all atSelector */
.vAtRule {
	font-family: monospace;
	padding:0em;}

/* class="atRule" - block of one atSelector */
.atRule {
	margin: 1em 0;
	padding-left: 0.5em;
	border-left: 3px solid #ddd;
}

/* class="atSelector" - Value of atSelector */
.atSelector {}

/* class="selector" - block of the selector */
.selector {
	background-color: #F1F1F1;
	padding: 1em;
	border-bottom: 1px solid #ddd;}

/* class="selectorValue" - value of the selector */
.selectorValue {font-weight: bold;}

/* class='RuleList' - block of all couple propertie-value*/
.RuleList {padding: 0 1em;}

/* class='Rule' - one couple propertie-value*/
.Rule {}

/* class='Property' - propertie name */
.Property {
	color: #222;
	font-style: italic;
	}

/* class='PropertyValue' - value of property */
.PropertyValue {
	color: #666;
}

/* link to go back to top of page */
p.backtop {
        color: #bbc;
        font-size: x-small;
        padding-right: 0 !important;
        margin: 1em !important;
        text-transform: uppercase;
        font-weight: bold;
        padding-top: .3em;
        text-align: right;
        border-top: 1px solid #eef;
        clear: both;
}

p.backtop a:link, p.backtop a:hover, p.backtop a:visited {
        color: #bbc;
        text-decoration: none;
}

/*---------------------------------------------------------------*/

/*
   Base Style Sheet for the W3C CSS validation service
	based on the one for Markup Validation Service.

   Copyright 2000 W3C (MIT, INRIA, Keio). All Rights Reserved.
   See http://www.w3.org/Consortium/Legal/ipr-notice.html#Copyright

   $Id: base.css,v 1.13 2007/03/09 04:40:02 ot Exp $
*/

/*                 
   General styling 
                   */
html {
    
    color: #11111A;
}

body {  
    margin: auto auto;
    padding-left: 6%;
    padding-right: 6%;
    background-color: white;
    color: #11111A;
    font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-size: 1em; /* setting base font to user's prefered size */
    min-width: 50em;
}
p, pre, dt {     
    line-height: 130%; 
    padding-left: 20px;
}

/*                                                   
   Main blocks - see also ul.navbar 
                                                     */

#banner {
    background-color: white;
    color: #11111A;
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top right;
    padding: 4px 0 0 0;
    height: 55px; 
    margin-bottom: 0;
    margin-top: 22px;
    border: 0;

}

#banner h1 { 
    vertical-align: middle;
    font-size: 1.5em;
    display: inline;
}

p#tagline {
    font-size: x-small;
    padding: 0; 
    line-height: 100%;
    margin: 0 0 4em .8em;
    background-color: white;
    color: #11111A;
    clear: both;
}

#main { 
    padding: 15px 0;
    background-color: white;
    margin: 0;
    color: #11111A;
}

.intro {
  font-style: italic;
  font-size: smaller;
  text-align: justify;
}

/* 
   Headers
            */

h1 { 
    font-family: "Gill Sans", Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

h2 { 
    color: #777742;
    background: white;
    padding: 5px 15px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 1.3em;
    text-align: center;
    text-decoration: none;
    font-family: "Gill Sans", sans-serif;
}

h3 {
    background-color: #fff;
    color: #777742;
    font-size: 1.1em;
    padding: 2px 10px;
    border-bottom: 1px dotted #aaaa77;
    text-decoration: none;
    font-family: "Gill Sans", sans-serif;
} 

h4 {
    color: #777742;
    background-color: white;
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
    font-size: 1.0em;
    padding-left: 15px;
    font-family: "Gill Sans", sans-serif;
}

h5,h6 {
    background-color: white;
    color: #11111A;
    font-family: "Gill Sans", sans-serif;
    font-weight: normal;
    padding-left: 15px;
    }
/* 
   General link styling
                         */

a:link, a:visited {
    color: #005A9C;
    background-color: transparent;
    text-decoration: none;

}

a:hover, a:active {
    color: #005A9C;
    background-color: transparent;
    text-decoration: underline;
}


/* 
   Other basic styles 
                      */

/* TODO - add ol, li, td here ? */
p, dt {
    margin-left: 15px;
    margin-right: 25px;
}

dd {
    margin-left: 35px;
    margin-right: 25px;
}

#news dt {
    font-weight: bold;
     margin-top: 1em;
   }

img { 
    margin:0;
    padding: 0;
    vertical-align: middle;
    border: 0;
}

acronym:hover, abbr:hover {
    cursor: help;
}

abbr[title], acronym[title], span[title], strong[title] {
    border-bottom: thin dotted;
    cursor: help;
}

pre, code, tt {
    font-family: "Bitstream Vera Sans Mono", Monaco, "Andale Mono", monospace;
    line-height: 100%;
    white-space: pre;
}

a:link img, a:visited img {
    border-style: none;
}

ul.toc {
    list-style: none;
}

/*
   Stuff we don't actually want too visible - or not at all
                                                            */
.hideme { display: none; }


/*
   Forms on front page, with tabtastic and toggable extra options
         */
#frontforms {
	margin-left: 12%;
	margin-right: 12%;
	
}



/* Fieldsets */

/* generic style for form fields */
fieldset {
    border: 1px solid #005A9C;
    background-color: transparent;
    color: #11111A;
    margin-bottom: 3em;
    margin-left: 0;
}
fieldset legend {
    font-weight: bold;
    padding: .5em;
}
fieldset.moreoptions legend {
    font-weight: normal;
}
fieldset p { 
    margin: 0 0  0.8em 0; 
    padding: 0; 
}

fieldset div {
    padding-top: 1em;
}

fieldset p.instructions {
    padding-top: 1em;
    padding-bottom: 0;
    margin-bottom: 0;
}
fieldset p.submit_button {
    text-align: right;
    padding-top: .5em;
}
fieldset p.submit_button input {
    font-weight: bold;
    color: #005A9C;
    background: #fff;
    padding: 0.2em 2em;
    border: 2px outset #005A9C;
}

/* home page fieldsets */

.tabset_tabs	{ 
    margin:0; 
    padding:0; 
    list-style-type:none; 
    position:relative; 
    z-index:2; 
    white-space:nowrap; 
}

.tabset_tabs li	{ 
    margin:0; 
    padding:0; 
    display:inline;
}

.tabset_tabs a	{  
    border: 0;
    border-left: 1px solid #ADDBFE; 
    text-decoration:none; 
    padding: 0.8em 0.6em 0 0.6em;
    background: white;
    font-weight: bold;
}

.tabset_tabs a:hover	{ 
    color:#424242 ! important; 
    background: #E1F0FD url(../images/sm_gradient_hover.gif) 0 0 repeat-x;
    text-decoration:none;  
}

.tabset_tabs a.active, .tabset_tabs a.active:hover { 
    color:#424242 ! important; 
    background-color: #8FCFFD !important;
    background: #8FCFFD url(../images/sm_gradient_active.gif) 0 0 repeat-x;
    border-color: #ADDBFE; 
    border-left-width:1px; 
    cursor:default; 
    border-bottom: white; 
    padding-top:0.8em; 
    padding-bottom:1px; 
    color: #fffff0 !important; 
 }

.tabset_tabs li.firstchild a, .tabset_tabs li:first-child a { 
    border-left: 1px solid white; 
}
div#fields {
    background: #8FCFFD url(../images/lg_gradient.gif) bottom left repeat-x;
    margin: 0;
    padding: 0;
}
.tabset_content	{ 
    border: none;
    position:relative; 
    z-index:1; 
    padding:0.5em 1em; 
    border-left: 1px solid white;
    padding-bottom: 2em;
}

input {
    vertical-align: middle;
}
input.reset {
    text-align: center;
}
input.default {
    text-align: center;
    font-weight: bold;
}


/* the following from http://www.mindsack.com/toggle/ (c) Kent Brewster */

p.toggle
{
        background: transparent url('../images/arrow-down.gif')  0 0 no-repeat;
        text-indent: 20px;
        cursor:pointer;
    color: #005A9C;
    background-color: transparent;
    margin-bottom: 0;
}

p.closed
{
        background: transparent url('../images/arrow-right.gif') 0 0 no-repeat !important;
}


.hidden
{
        display:none;
}
fieldset.moreoptions {
border-color: white;
border-style: dotted;
margin-bottom: 0;
padding-left: .3em;
}
fieldset.moreoptions div, fieldset.moreoptions table {
margin-top: 0;
margin-left: .5em;
font-size: smaller;
}

fieldset.moreoptions td, fieldset.moreoptions th, fieldset.moreoptions table {
        border: 0 !important;
}
fieldset.moreoptions th {
	background-color: transparent !important;
	text-align: left;   
}


fieldset.closed {
border: 0;
}



/* IE6 hack, avoid "leaking" of fiedset background into legend 
(more hacking in tabtastic.css to make the "ghost" of the legend disappear) */
* html legend { position:absolute; top: -25em !important; left: -25em !important; }
* html fieldset{ position: relative; margin-top:0 !important; padding-top:0 !important; }



/* tables in the documentation 

table {
	border-collapse: collapse;
	border-right: 1px solid #ccc;
}*/
td, th{
	border-top: 0px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #eee;
	padding: 6px;
	border-collapse: collapse;
}
th {
	background-color: #eee;
	color: #11111A;
	border-right: 1px solid #ccc;
}


/* 
	Menu Bar
			*/

ul.navbar {
        color: #005A9C;
	border-top: 1px solid #005A9C;
	border-bottom: 1px solid #005A9C;
        background-color: white;
        margin: 3em 0 0 0;
        padding: 3px 0 3px 0;
        line-height: 140%;
        vertical-align: bottom;
        font-size: 0.9em;
        list-style-type: none;
	text-align: center;
	font-weight: bold;
}

ul.navbar { padding-left: 1em; padding-right: 1em}
ul.navbar li {
  display: inline;
}

ul.navbar li a {
  padding-right: 1.2em;
  padding-left: 1.2em;
}

/* 
	legalese and logos beneath the menu bar
							*/

p#activity_logos {
float:left; 
width: 144px; 
padding: 8px 0 40px 0; 
}

p#support_logo {
float: right; width: 180px; padding: 0; margin-top: 12px; font-size: x-small; text-align:center;
}

                                                            
p.copyright {
  margin-top:     20px;
  margin-left:    210px;
  margin-right: 240px;
  font-size:      x-small;
  text-align:     justify;
  text-transform: uppercase;
  font-family: "Bitstream Vera Sans Mono", monospace;
  color: #888;
  background-color: white;
  line-height:    120%;
}

p.copyright a {
  color: #88f;
   background-color: white;
  text-decoration: none;
}



/* 
		Jump Bar  - results page - based on navbar styling
(from markup validator - note used in this design yet)
								*/
#jumpbar {
    margin-top:    -1.5em; 
    margin-bottom: 1em;
}
#jumpbar li {
        color: #11111A !important;   
}
/* language selection bar */
#lang_choice {
        position: absolute;
        display: block;
        width: 50em; 
        top: 0px; 
        text-align: right; 
        right: 75px; 
	margin-top: 6px;
        font-size: x-small;
	list-style: none;
}
#lang_choice li { display: inline; padding-left: .5em;}