#cas form {display:block; margin:18px 0 0; padding:0; width:100%; background:#fff;}
#cas fieldset {border:0; margin:0; padding:0; float:left; clear:none; width:auto;}
#cas fieldset legend {display:none;}

#ua-header {background:#036; height:42px; clear:both;}
#ua-header a img{border:none;}
#webauth-logo{background:url(../images/webauth_logo.jpg) no-repeat 25px 10px; padding-top:76px;}

#cas #left_col{width:300px; float:left; margin:10px 0 0 15px; }
#cas #right_col{float:left; width:60%; margin:10px 0 0 10px; }
#cas #right_col h2{ color:#00f; font-size:2.5em; font-weight:700; text-align:center;}
#cas #right_col h3{ color:#333; font-size:1.5em; font-weight:400; text-align:center;}

#cas .gray_top{ background:url(../images/gray_top.gif) no-repeat; height:7px;}
#cas .gray_bottom{ background:url(../images/gray_bottom.gif) no-repeat; height:8px;}
#cas .gray{ background:#eee; padding: 0 10px; width:267px; border:solid #eee; border-width:1px 0;}
#cas .gray_top, .gray_bottom{width:287px;}

#cas .gray h2{text-align:center; font-size:1.5em; border-bottom:1px solid #ddd; color:#333; padding:5px 0; font:normal 400 17px Georgia, "Times New Roman", Times, serif; color:#333;}
#cas .gray label {font-size:11px;}
#cas .gray label span.accesskey {text-decoration:underline;}
#cas .gray .btn-row {position:relative; top:15px; padding-top:10px; border-top:1px solid #ddd;}
* html #cas .gray .btn-row {top:5px;} /* IE6 */
#cas .gray .btn-submit{ display: inline;}
#cas .gray .btn-reset{background:none; border:0; border-left:1px solid #ddd; background:transparent; color:#777; margin-left:5px; text-transform:lowercase;}


#cas #helpbox {margin:25px 0 0 0;}
#cas #helpbox_center h2{ text-align:center; font-size:1.5em; background:url(../images/questionmark.jpg) no-repeat 25px 0;  border-bottom:1px solid #ddd; color:#333;}
#cas #helpbox_center ul{list-style: disc; margin:15px 0 0 15px; padding:0 15px;}
#cas #helpbox_center li{ margin: 10px 0;}

#cas #footer p {margin:0 0 1em 0; padding:0;}

/* RESET --------------------------------- */
/* reset some properties for elements since defaults are not crossbrowser - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,h1,h2,h3,p,a,img,ul,li,fieldset,form,label,legend {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;}
ul {list-style:none; font-size:1.1em; padding:0 0 18px 40px;}

/* browser default font-size is 16px which is too big so we make it 16px x 62.5% = 10px */
    body {font:normal 400 62.5%/1.0 Verdana, sans-serif; min-width:960px; background:#fff; color:#333;}

/*
 - used to clear or contain floats within a non-floated container
 - this ruleset is used by UAs that handle :after - not IE - see ie_cas.css for IE fix
http://www.positioniseverything.net/easyclearing.html and http://www.ejeliot.com/blog/59 */
#header:after, #content:after, #footer:after, .clearfix:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}


/* CONTENT --------------------------------- */
#content {clear:both; padding:1px 0; margin:0 25px 2em;}
    #content h2 {margin:0 0 .5em 0; font-size:1.3em; font-weight:400; color:#000; border-bottom:1px solid #eee; padding:3px 0; letter-spacing:-1px;}
    #content h3 {font:1em arial, helvetica, sans-serif; font-weight:400;}

    #content p {line-height:1.5; font-size:1.1em; padding:0 0 18px;}

/* FOOTER --------------------------------- */
#footer {clear:both; position:relative; margin:0 25px 1em; border-top:1px solid #ccc; padding:0 0 1px 0; background:transparent; color:#999;}
    #footer img#logo {position:absolute; right:0; top:0; margin-top:10px;}
    #footer div {clear:left; margin:1em 5px .5em; overflow:hidden;}

/* MESSAGES --------------------------------- */
.info, .errors, .success {clear:both; margin:18px 0; padding:20px 20px 20px 100px; font-size:10px; line-height:1.5;}
.info {border:1px dotted #008; background:#eff url(../images/info.gif) no-repeat 20px 18px; color:#008;}
.errors {border:1px dotted #d21033; background:#fed url(../images/error.gif) no-repeat 20px 18px; color:#d21033; padding-bottom: 40px;}
.success {border:1px dotted #390; background:#dfa url(../images/confirm.gif) no-repeat 20px 18px; color:#390;}
    #content .errors h2, #content .success h2 {font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; line-height:48px; font-weight:400; margin:0 18px 0 0; padding:0;}
    #content .success h2 {color: #008 !important;}
    #content .errors h2 {color:#b00 !important;}
    #content .success h2 {color:#060 !important;}
    

/* static messages */
#content #msg p {padding:0;}

/* FORMS --------------------------------- */
    label {cursor:pointer; font-size:1.1em; color:#777;}
    input {border-width:1px; font-family:Verdana,sans-serif; font-size:1.1em; color:#000; padding:3px; min-height:1.5em;}
    input.btn-submit {border-width:2px;}


    .fm-v div.row {float:left; margin:0; padding:.5em 0; width:100%;}
    .fm-v div.row label {float:left; width:100%; line-height:1.5;}
    .fm-v div.row input.btn-submit {display:block; margin:0;}


/* highlight errors */
    input.error {background:#FFEFEF; color:#b00;}

/* mark as required */
    .required {background:#ffd;}
    .error {background:#ffefef;}
    input.required {border-width:1px;}
    
/* links */
a:link { color:#00f; }
a:visited { color:#00f; }