/* CSS Document */

/* undo defaults */

:link,:visited {
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6,pre,code {
    font-size: 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
    margin: 0;
    padding: 0;
}

html { height:100% }

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

address {
    font-style: normal;
}

/* end undo defaults */

/* sections */

body {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    height: 100%;
}

#outer {
    width: 100%;
    min-height:100%;
    color: #333333;
    text-align: center;
    position: relative;
}

#main, #main2 {
    width: 908px;
    margin: 0 auto;
    text-align: left;

}

#logo img{
	max-width: 115px;
	margin-top: -9px !important;
}

#logo {
    padding-top:33px;
    width:169px;
    height:103px;
}

#back-link {
    float:right;
    color:#fff;
    font-size:14px;
    padding-top:31px;
    padding-right:5px;
}

#back-link a, a:link, a:visited {
    color:#fff;
}

#back-link a:hover {
    color: #fff;
	text-decoration: underline;
}

#content{
    padding-top:20px;
    padding-bottom:215px;
    padding-left:10px;
}

#left {
    width: 600px;
    position: relative;
}

#right {
    float: right;
    line-height: 2em;
    width: 300px;
    margin-top:60px;
}

/* end sections */

/* floats */

div.floatleft {
    float: left;
}

div.floatright {
    float: right;
}

div.clearboth {
    clear: both;
}

/* end floats */

/* general */

h2 {
}

h4 {
}

a, a:link, a:visited {
    text-decoration: none;
    color: #333333;
}

a:hover {
    text-decoration: none;
    color: #407598;
}

#cp-header{
    padding-left:10px;
}

#cp-header h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    padding-top:51px;
}

/* end general */

#img-button a, #img-button a span {
    background: transparent url('../images/loginbutton.jpg') no-repeat scroll left 0;
    margin: 0 35px 0 0;       /* 15px == amount of background image to the right */
    padding: 0 0 0 35px;      /* 15px == amount of background image to the left */
    display: -moz-inline-box; /* Firefox 2 support for inline-block */
    display: inline-block;    /* Must be used so that height can be set */
    height: 42px;             /* Same as height of background image */
    font: 18px/40px "Arial Rounded MT Bold", Arial Rounded, Arial; /* Appropriate font size / line height */
    color: #fff;
    text-decoration: none;
}

#img-button a {
    background-position: right 0;
    margin: 0;
    padding: 0;
}

#img-button-long a, #img-button-long a span {
    background: transparent url('../images/loginbutton-long.jpg') no-repeat scroll left 0;
    margin: 0 35px 0 0;       /* 15px == amount of background image to the right */
    padding: 0 0 0 35px;      /* 15px == amount of background image to the left */
    display: -moz-inline-box; /* Firefox 2 support for inline-block */
    display: inline-block;    /* Must be used so that height can be set */
    height: 42px;             /* Same as height of background image */
    font: 18px/40px "Arial Rounded MT Bold", Arial Rounded, Arial; /* Appropriate font size / line height */
    color: #fff;
    text-decoration: none;
}

#img-button-long a {
    background-position: right 0;
    margin: 0;
    padding: 0;
}

.right-button {
    float: right;
    width: 160px;
    text-align: right;
}

.right-button-long {
    float: right;
    width: 393px;
    text-align: right;
    margin-top:40px;
}

/* top */

#toplogo {
    width: 100%;
    height: 110px;
    position: relative;
    margin-bottom: 30px;
}

#toplogo img {
    float: left;
    margin-right: auto;
    margin-top: 21px;
}

/* end top */

/* left */

.text-box {
    width: 596px;
    background: #FFFFFF;
    padding-bottom: 50px;
}

#text-box-content {
    width: 520px;
}

#text-box-content p {
    line-height: 1.5em;
    margin-bottom: 20px;
    font-size:14px;
}

#text-box-content h2 {
}

#text-box-content h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    font-weight:lighter;
    padding-bottom: 30px;
	color: #3c95da;
}


#login_form, .login_form {
    width: 328px;
    height: 175px;
}

#login_form .button, .login_form .button {
    margin-top: 60px;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
}

#login_form input, .login_form input{
    border: 1px solid #999;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    background: #eee !important;
    padding: 13px;
    /* hack for IE \*/
    /* height: 32px;*/
    /* end hack for IE */
}

#login_form label, .login_form label {
    text-align: left;
    float: left;
    margin-right: 5px;
    font-size:16px;
	margin-bottom: 5px;
}

#login_form input:focus, .login_form input:focus {
    background: #fffeec;
}

#forgotten_pass_link {
    margin-top: 63px;
}

/* end left */



div#header {
    min-height: 80px;
    max-height: 80px;
    background: #3c95da;
    margin-bottom: 56px;
}

#text-box-content h4 {
    color: #3c95da;
}

/* footer */

#footer {
	background: #dcdcdc;
    width: 100%;
    text-align:center;
    clear:both;
    position:absolute;
    bottom:0;
}

#footer a
{
  color: #666;
}

#footer p {
    color: rgb(102, 102, 102);
    padding-top: 30px;
    padding-bottom: 30px;
}

/* end footer */