/* yui-reset-min (2.3.1) (changing line-height for sup,sub to 0px, since -1 is invalid) */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:0px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* yui-fonts-min (2.3.1) */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;}table {font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:99%;}
/* core three-column layout rules (aka "Holy Grail" from http://www.alistapart.com/articles/holygrail/) but with #container replaced by #content, and modifications from http://www.infocraft.com/articles/holy_grail_on_a_list_apart/ ; final version from http://www.infocraft.com/articles/the_case_of_the_disappearing_column/example3.html */
body { min-width: 750px; /* 2 x (lc fullwidth + cc padding) + rc fullwidth + 1 */ }
#content { padding-left: 200px;/* lc fullwidth */ padding-right: 190px;/* rc fullwidth + cc padding */ }
#content .column { position: relative; float: left; }
#center { padding: 10px 20px;/* cc padding */ width: 100%; }
#left { width: 180px;/* lc width */ padding: 0 10px;/* lc padding */ margin-left: -100%;left:150px; }
#content > #left { left: -240px; }
#right { width: 130px;/* rc width */ padding: 0 10px;/* rc padding */ margin-right: -190px; }
#footer { clear: both; }
* html body { /* footer fix */ overflow: hidden; }
/* CS removed the equal-height stuff because of http://www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems */
* html #footer-wrapper { float: left; position: relative; width: 100%; background: #FFF;/* same as body background */ }
/* default styling for above layout */
body { margin: 0; padding: 0; background: #FFF; }
#header, #footer { padding: 0.3em 0; background: #999; }
#left { background: #fff; }
#center { background: #fff; }
#right { background: #fff; }
#content .column { padding-top: 1em; }
/* my default styling */
body { font-family:sans-serif; }
#header { padding-bottom:3px; text-align:left; border-bottom: 1px solid #333; background-color: #FFF;color:#333; }
#footer {  padding-top: 2px; text-align: center; border-top: 1px solid #333; background-color: #FFF;color:#333; }
#left { background: #FFF; }
#center { background: #FFF; padding-top:1px;font-size:11px;line-height:16px; }
#right { background: #FFF; }
.column { padding-top: 10px; }
/* table of contents (adapted from yahoo's yui.css) */
.toc {background:#ecf5fa none repeat scroll 0%; padding:0; margin:0; border:1px solid #00076c;line-height:100%;}
.toc ul {list-style:none; margin:0; padding:0; }
.toc ul li { padding:0; margin:0;font-size:85%; }
.toc ul li a { display:block; padding:1px 1px 1px 10px;margin:0; text-decoration:none; color:#0129ab;}
.toc ul li a:visited { color:#0129ab; }
.toc ul li.selected { font-weight:bold; color:#fff; background-color:#a5ab8a; margin:0; padding:0; position:relative; }
.toc ul li.selected a { color:#fff; }
.toc ul li a:hover { color:#fff; background-color:#484565; }
.toc ul li em { display:none; }
.toc ul li.sect { font-weight:bold; color:#fff; background-color:#07013B;padding:2px 0 0 0; text-indent:2px; margin:2px 0 0 0;position:relative;/* last is fix for ie6 not showing background-color*/ }
.toc ul li.first {margin:0;padding:2px 0;position:relative;}
/* various feedback messages */
.validationError { color:#d20c0c; font-weight:bold;}    /* Used for error message submitted to server */
.validation-advice { color:#d20c0c; font-weight:bold; } /* used by validation library (client side) */
.validationSuccess { color:#1b9c1b; font-weight:bold; } /* Used by ? */
.errorMessage { color:#d20c0c; font-weight:bold; }      /* Used for non-validation error messages */
.updateSuccess { color:#1b9c1b; font-weight:bold; }     /* Used for success messages about updates */
/* sensible table defaults */
table { border:1px solid #333; border-collapse:collapse; background-color: rgb(255, 245, 238); padding: 1em; margin: 1em; }
table th, table td { border:1px solid #333; padding: 5px 5px 5px 5px; }
/* customized fieldset styling */
fieldset { border:1px solid #484565;padding:5px 10px 5px 10px;margin:5px 0 5px 0; }
/* backgrounds for faq table entries */
.supported { background-color:rgb(162,253,170); }
.unsupported { background-color:rgb(255,88,88); }
.partialsupport { background-color:rgb(235,253,162); }
/* header and paragraph rules header overrides */
h1 { font-size: 250%; }
h2 { font-size: 200%; }
h3 { font-size: 150%; }
h4 { font-size: 140%; }
h5 { font-size: 125%; }
h6 { font-size: 115%; }
h1, h2, h3, h4, h5, h6 {line-height:1.2em; color:#00076c; margin:0.5em 0 0.5em 0;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1.first-content, h2.first-content, h3.first-content {margin-top:0; padding-top:0; border:none;}
h1 { padding:0; padding-top:1.8em}
h2 { margin-top:1.5em; margin-bottom:2px; padding:1em 0 0 0; border-top:1px dotted #C3D2DC;}
h2.first { border-top:none; margin-top:0; margin-bottom:.2em;}
h4 {margin-top:1em; }
/* default list styles */
#center ul, #center ol, #center dl { margin:0.5em 0 0.5em 0; }
#center ul, #center ol, #center dl, #center dd { margin-left:3em; }
#center li, #center dd, #center dt { margin-top:0.25em;margin-bottom:0.25em; }
#center dt { font-weight:bold; }
#center ul { list-style:disc; }
#center ol { list-style:decimal; }
/* custom form for preferences pages */
/* rules for the preferences page navigation bar */
/* Navigation bar on /preferences and /preferences/password */
#nav { margin: 5px 0 40px 0; padding:0; background:#ecf5fa; color:#0129ab;/* IE only; overridden by html>body for others */ width:90%; /* 90% for IE, 100% for other */ float:left;	border:1px solid #42432d; border-width:2px 2px; position:relative; z-index:4; }
html>body #nav { width:100%; /* all but ie use this width */ }
#nav ul { position:relative; float:left; width:100%; margin:0; padding:0; list-style:none; }
#nav li { position:relative; display:inline; padding:0; margin:0; }
#nav a { display:block; float:left; width:auto; margin:0; padding:0 1em; border-right:1px solid #42432d; border-bottom:none; border-left:1px solid #42432d; color:#0129ab; font:1.1em/2.5em "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif; text-transform:uppercase; text-decoration:none; letter-spacing:1px; }
#nav a:link, #nav a:visited { color:#0129ab; background:#ecf5fa; padding:2em 4em 0.4em 1em; float:left; width:auto; border-right:1px solid black; text-decoration:none; font: 10px/10px Arial, Helvetica, sans-serif; text-transform:uppercase; }
#nav a:hover { color:#fff; background:#484565; }
#nav li:first-child a { border-left:1px solid #42432d; }
#preferences #nav-preferences a, #change-password #nav-change-password a { font-weight:bold; color:#fff; background:#a5ab8a; /* Controls the color of the selected page box. */ }
#preferences #nav-preferences a:hover, #change-password #nav-change-password a:hover { font-weight:bold; color:#fff; background:#484565; }
#nav a:active {	background:rgb(234, 237, 244); color:black; }
.link-top {font-size:50%;}
.copyright { background-color:#fff; color:#00076c; }
/* logo at top of every page */
.logo {padding-top:7px;padding-bottom:7px;background-color:#ffffff;color:#ffffff;}
.logo a, .logo a:link, .logo a:visited, .logo a:hover, .logo a:active { background-color:#ffffff;color:#ffffff; }
/* default image rules */
img {border-color:white;border-style:none;border-width:0;}
/* custom rule for screenshot image on faq page */
img.screenshot {border:1px solid #333;margin:10px;}
/* Default link rendering */
a { padding:1px; text-decoration:none; outline-color:invert; outline-style:none; outline-width:medium; }
a:link, a:visited, a:hover, a:active { color: #0129ab; }
/* The big button */
p.nextbutton { padding-top:1em; }
.nextbutton a:link, .nextbutton a:visited { display: block;	padding: 0.5em 0.5em;	background-color: #00076c; color: #fff; border: 1px solid #006; width: 110px; text-decoration: none; text-align: center; }
.nextbutton a:hover, .nextbutton a:active { background-color:#57dc57; color:#000; }
/* more customizable versions of strong and em elements */
strong {font-weight:bold;}
em {font-style:italic;}
#preferencesform, #changepasswordform { clear:left; }
/* logout text */
p.logout { margin:0 5px 2px 0; font-size:8pt;text-align:right;}
.logout a, .logout a:link, .logout a:visited, .logout a:hover, .logout a:active { color:#d20c0c;background-color:#fff; }
/* 
The following information must not be removed:
Awesome Form v2.1 CSS
Written by: Paul Armstrong, Paul Armstrong Designs
Site: http://paularmstrongdesigns.com
Example & Documentation: http://paularmstrongdesigns.com/awesome/form/index.html
Sun Dec 17 21:25:39 2006

Special thanks to Zach Johnson for helping and pushing me to make the changes.
Site: http://tech.no.logi.es (those aren't dots, they are diamonds)

This work is licensed under a Creative Commons Attribution-ShareAlike 2.5 License
http://creativecommons.org/licenses/by-sa/2.5/
*/
.gridform label { width: 200px; margin-right: 10px; }
.gridform label.long, .gridform p.label { margin-left: 120px; width: 390px; }
.gridform label.required { color: #900; }
.gridform input, .gridform textarea, .gridform select, .gridform .checks input, .gridform.checks input { margin-left: 210px;width: 200px; }
.gridform textarea { width: 300px; }
.gridform p.desc { margin-left: 210px; }
.gridform .checks label, .gridform.checks label { margin-left: 220px; }
* html .gridform .checks input, * html .gridform.checks input { margin-left: 105px; }
* html .gridform .checks label, * html .gridform.checks label { margin-left: 210px; height: 1em; }
.gridform { margin: 0 0 1em; }
.gridform label { float: left; text-align: right; padding-top: 0.2em; font-weight: bold; font-size: 1em; }
.gridform label:after { content: ":"; }
.gridform label.long { float: none; display: block; text-align: left; }
.gridform label.long:after { content: ""; }
.gridform input, .gridform textarea, .gridform select { display: block; margin-bottom: 0; }
.gridform select[multiple="multiple"] { margin-left: 0px; }
.gridform br { clear: left; } 
.gridform input[type="radio"], .gridform input[type="checkbox"], .gridform input[type="hidden"] { width: auto; height: 0.8em; border: 0; }
.gridform input[type="hidden"] { display: none; }
.gridform p.desc { display: block; position: relative; top: -1em; margin-bottom: 0em; font-style: italic; font-size: 0.9em; }
.gridform .checks label, .gridform.checks label { float: none; width: auto; clear: none; display: block; text-align: left; height: 1.4em; padding-top: 0; margin-bottom: 0; }
.gridform .checks label:after, .gridform.checks label:after, .checks label:after  { content: ""; } 
.gridform .checks input, .gridform.checks input { float: left; text-align: right; width: auto; }
* html .gridform br { line-height: 1em; font-size: 0.5em; }
/* added the following rule */
.gridform { margin:1em 0 1em 0; }