/*
Theme Name: Iomart Hosting
Theme URI: http://controlpanel.iomarthosting.com
Description: Iomart Hosting theme
Author: Iomart Hosting
Version: 1.0
*/

/* 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;
    /*background: url(../images/top_cpmplete.gif) repeat-x;*/
    text-align: center;
    position: relative;
}

#main, #main2 {
    width: 908px;
    margin: 0 auto;

    /*background: url(/images/container_back.jpg) no-repeat;*/
    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;
}

#cp-header h2 .company-name {
    color:#333;
}

#cp-header h2 .cp-name {
    color:#4CBB17;
}

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

/* right */

#right div {
    margin: 0 0 20px 0;
}

#right h3 {
}

#right h4 {
    margin: 0 0 10px 0;
    background-color: #70a7d5;
    background: url(../images/system_news.gif) repeat-x;
    color:#333;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
    height:30px;
    /*border-bottom: 4px solid #226cad;*/
}

#service_news_feed, #company_news_feed {
    background-color: #eee;
}

#service_news_feed p {
    font-size: 12px;
    padding: 0 0 5px 10px;
}

#service_news_feed p.date {
    font-weight:bold;
}

#right ul {
    padding: 0 0 10px 10px;
}

#right li {
    list-style-image: url(../images/ih_icon.gif);
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px 0;
    font-size: 12px;
    line-height: 1.2em;
}

#right input {
    border: 1px solid #DCE1E5;
    padding: 7px;
    font-size: 9pt;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    background: #fff;
}

#right input:focus {
    background: #fffeec;
}

/* end right */

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