/* 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;}


/* HEADER --------------------------------- */
#header {position:relative; top:0; left:0; padding-top:52px; background:#fff url(../images/ja-sig-logo.gif) no-repeat scroll 25px 10px;}
    #header h1#app-name {clear:both; padding:0 0 0 25px; background:#210f7a; color:#fff; font:normal 400 2.8em/2.5em Georgia,"Times New Roman", serif;} /* d21033 */

/* 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; xborder-bottom:1px solid #eee; padding:3px 0; xletter-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 div#copyright {position:relative ,display:block; float:left; margin:1em 5px .5em; overflow:hidden;}
    #footer a#jasig {position:relative; float:right; clear:both; display: block; background-image: url(../images/ja-sig-logo.gif); width: 118px; height: 31px; margin:1em 5px .5em;}

/* 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;}
.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; 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 {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;}

body{
background-color:#c4c4c4;
}

/* Extra code for RCGP theme */
#header,
#content,
#cas #login h2,
#cas #sidebar,
#cas #login .check,
#cas #login .btn-reset,
#cas #login:before,
#cas #login:after,
#footer,
#elearning,
#eportfolio
{
  display: none;
}

#cas #login {
  font-family: Arial, Helvetica, sans-serif;
}

#cas #login input,
#cas #login textarea,
#cas #login select
{
  width: 55%;
  margin-bottom: 10px;
  background: none repeat scroll 0 0 #eaf0f7;
  color: #666666;
  font-size: 14px;
  padding: 4px;
  border: 0 none;
}

#cas #login label
{
  width: 40%;
  display: inline-block;
  float: left;
  text-align: right;
  margin-bottom: 10px;
  font-size: 14px;
  padding: 4px;
  padding-right: 1%;
}

#cas #login input[type="submit"] {
  color: #fff;
  float: right;
  font-size: 18px;
  text-align: center;
  width: 5em;
  background-color: #5587be;
  padding: 5px 10px 2px 10px;
  border: 0px;
  border-bottom: 5px solid #2b69ae;
  margin-right: 2%;
}

#cas #login input[type="submit"]:active {
  border-bottom-width: 2px;
  border-top: 3px solid white;
}

#cas #login a {
  color: #2b69ae;
  text-decoration: none;
}

#cas #login a:active,
#cas #login a:hover,
#cas #login a:focus {
  text-decoration: underline;
  color: #002b5c;
}

#cas #login a.forgottenPassword {
  float: right;
  font-size: 1.3em;
  margin-right: 2%;
}

#msg.errors {
  font-size: 11px;
  font-style: italic;
  line-height: 1.2em;
}

html, body {
  background: transparent;
  min-width: 300px;
  max-width: 600px;
}