@charset "utf-8";
/* CSS Document */
html, body, p, div, img, h1, h2, h3, h4, li, ul, ol, dl, dd, dt, form, table, td, tr {
	margin:0;
	padding:0;
	border:0;
	border-collapse:separate;
	border-spacing:0;
}
ul, li {
	list-style-type:none;
}
html, body {
	height:100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#333;
	background:#fff;
	min-width:980px;
}
input, select, textarea {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}
strong, b {
	font-weight:bold;
}
a {
	text-decoration:none;
	color:#01375F;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#01375F;
	font-weight:normal;
}
p{
	margin:10px 0;
}
/**layout**/

#container {
    width:100%;
    margin:0 auto -50px auto;
    position:relative;
    height: auto !important;
    min-height:100%;
}
.push {
    height:50px;
    width:100%;
}
.login #container {
    margin-top: 50px;
}
.login #logo {
	width:330px;
	height:160px;
	margin:0 auto;
	text-align:center;
	vertical-align:middle;
	line-height:160px;
}
.panel #logo{
	height:60px;
	margin:0 auto;
	float:left;
}
/** login *****************************************************/
#loginBox {
	width:330px;
	height:280px;
	background:#f1f1f1 url(../img/logoBg.png) scroll 283px 10px no-repeat;
	border:1px solid #e5e5e5;
	margin:0 auto;
	padding:10px;
	position:relative;
}
fieldset{
	border:1px solid #e5e5e5;
	margin:0 auto;
	padding: 5px 10px 10px 10px;
	background:#f1f1f1;
}
#loginBox h1 {
	margin:0 0 30px 0;
}
.row {
	position:relative;
	width: auto;
	width: 700px;
	margin:0 0 12px 0;
}
#loginBox #username-label,
#loginBox #email-label,
#loginBox #username-element,
#loginBox #email-element,
#loginBox #password-label,
#loginBox #password-element,
#loginBox #login-label,
#loginBox #login-element {
	position:relative;
	width:300px;
	margin:10px 0 0 15px;
}

label,
#loginBox label {
	line-height:25px;
	margin:0;
	width:100%;
	float:left;
}

input {
	width:450px;
	height:20px;
	line-height:20px;
	border:1px solid #BBB;
	background:#fff;
	margin:0;
	padding:2px 5px;
        font-size: 12px;
}
select{
	width:460px;
	height:24px;
	line-height:33px;
	border:1px solid #BBB;
	background:#fff;
	margin:0;
	padding:2px 5px;
        font-size: 12px;
}
textarea{
	width:450px;
	height:250px;
	border:1px solid #BBB;
	background:#fff;
	margin:0;
	padding:0 5px;
}
select option{
	padding:10px;
}
#loginBox input {
	width:290px;
	height:30px;
	line-height:30px;
	border:1px solid #BBB;
	background:#fff;
	margin:0;
	padding:0 5px;
}
input#login,
#loginBox input#login,
.halfMainColumn input.submitBtn {
	width:110px !important;
	height:38px;
	border:none;
	background:transparent url(../img/submitBtn.png) scroll 0 0 no-repeat;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	margin:0;
}

.submitBtn {
 width: auto;   
}
#loginBox #login-element {
	width:300px;
	margin:15px 0 0 15px;
	padding-bottom:15px;
	border-bottom:1px solid #e6e6e6;
}
input#login:hover,
#loginBox input#login:hover,
.halfMainColumn input.submitBtn:hover,
input.submitBtn:hover {
	background-position:0 -38px;
}
.forgotPswd {
	float:right;
	line-height:38px;
	margin:0;
}
.error input,
#loginBox .error input {
	border:1px solid #FF0033;
}
ul.errors,
.errorPrompt {
	font-size:0.750em;
	color:#FF0033;
	position:absolute;
	bottom:-15px;
	right:240px;
}
#loginBox ul.errors {
	font-size:0.750em;
	color:#FF0033;
	position:absolute;
	bottom:-15px;
	right:0px;
}
#loginBox .msg{
	font-size:0.750em;
	color:#FF0033;
	position:absolute;
	bottom:80px;
	left:50px;
}
/** login *****************************************************/


#top {
	height:60px;
	position:relative;
	padding:0 10px;
}
#userMenu {
	height:15px;
	line-height:15px;
	font-size:0.833em;
	float:right;
	margin:15px 0 0 0;
}
#userMenu ul{
	float:left;
	margin:7px 0 0 0;
}
#userMenu ul li{
	float:left;
}
#userMenu a {
	padding:0 15px;
	border-right:1px solid #ccc;
}
#userMenu a.userName{
	font-weight:bold;
}
#userMenu li.last a {
	border:none;
}
#searchBox{
	float:right;
	height:30px;
}
#searchBox input{
	width:175px;
	height:30px;
	background:#fff;
	border:1px solid #BBB;
	line-height:30px;
	padding:0 5px 0 20px;
	color:#666666;
	background:transparent url(../img/lupa.png) scroll 5px 8px no-repeat;
}
#searchBox input.submit{
	display:none;
}
#topMenu {
	width:100%;
	height:40px;
	background:transparent url(../img/topMenuBg.png) top left repeat-x;
	z-index:10;
	position:absolute;
	top:60px;
	left:0;
}
#topMenu ul {
	margin:0 0 0 235px;
	height:40px;
	padding-left:1px;
	background:transparent url(../img/topMenuSpacer.png) top left no-repeat;
}
#topMenu ul li.first {
}
#topMenu ul li.last {
}
#topMenu ul li {
	float:left;
	margin:0;
	padding:0 1px 0 0;
	background:transparent url(../img/topMenuSpacer.png) top right no-repeat;
}
#topMenu a {
	height:40px;
	line-height:35px;
	display:block;
	padding:0 10px;
	color:#fff;
	text-decoration:none;
}
#topMenu a span {
	display:block;
	height:40px;
}
#topMenu li a:hover, #topMenu li.active a {
	background:transparent url(../img/topMenuActiveBg.png) top left repeat-x;
}
#topMenu li a:hover span, #topMenu li.active a span {
	background:transparent url(../img/topMenuActive.png) center bottom no-repeat;
}
#content {
	width:100%;
	margin:35px 0 0 0;
	position:relative;
}
.panelTable {
	min-width:980px;
        width: 100%;
}
td#leftCol {
    width:235px;
    background:transparent url(../img/leftColBg.png) top left no-repeat;
    vertical-align:top;
    padding:20px 0;
}
 
td#mainCol {
	vertical-align:top;
	padding:20px;
}
#mainCol h2{
	margin:0 0 20px 0;
}
#mainCol h2.substance{
}
#mainCol h2.substance span{
	font-weight:bold;
}
h3.points span{
	font-weight:bold;
}
.halfMainColumn{
	width:330px;
	margin:0 10px 0 0;
        float: left;
}
.halfMainColumn .row{
	width:310px;
}
.halfMainColumn input{
	width:300px;
}
.halfMainColumn .shortinput{
	width:50px !important;
}
.row .shortinput{
	width:50px !important;
}
a.edit{
	width:110px;
	height:38px;
	line-height:38px;
	text-align:center;
	cursor:pointer;
	display:block;
	border:none;
	background:transparent url(../img/submitBtn.png) scroll 0 0 no-repeat;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	margin:0;
	position:absolute;
	top:20px;
	right:20px;
}
a.edit:hover{
		background-position:0 -38px;
}
#leftMenu{
	width:235px;
}
#leftMenu li{
	width:233px;
	background:#f1f1f1;
	border:1px solid #e5e5e5;
	margin-bottom:3px;

}
#leftMenu li a{
	height:50px;
	line-height:50px;
	display:block;
	padding:0 10px;
	text-decoration:none;
}
#leftMenu li a span{
	background:transparent url(../img/leftMenuArrowDown.png) right no-repeat;
	display: block;
}
#leftMenu li ul{
	padding-bottom:10px;
	font-size:90%;
}
#leftMenu li ul li a span{
	background:transparent url(../img/leftMenuArrowRight.png) left no-repeat;
	padding:3px 0 3px 10px;
	margin-left:5px;
}
#leftMenu li ul li.active a span{ 
    font-weight: bold;
}
#leftMenu li a:hover{
	background:#e5e5e5;
}
#leftMenu li.active a{
	font-weight:bold;
}
#leftMenu li.active{
	background:#e5e5e5;
}
#leftMenu li.active ul li a{
	font-weight:normal;
	color:#333;
	line-height:normal;
	height:auto;
	background:#e5e5e5;
}
#leftMenu li.active a:hover{
	background:inherit;
}
#leftMenu li ul li a:hover{
	background:inherit;
}
#leftMenu li ul li{
	width:230px;
	height:auto;
	line-height:normal;
	border:none;
	
}
#contentWrapper {
    width:100%;
    padding:0px;
    margin:0 auto;
    position:relative;
}
.clear:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
#footer {
    width:100%;
    margin:0 auto;
    height:49px;
    position:relative;
    border-top:1px solid #e5e5e5;
}
#footerMenu {
	float:left;
	height:15px;
	line-height:15px;
	font-size:0.833em;
	margin:15px 0 0 10px;
}
#footerMenu span{
	float:left;
}
#footerMenu ul{
	float:left;
}
#footerMenu ul li {
	float:left;
}
#footerMenu a {
	padding:0 15px;
	border-right:1px solid #ccc;
}
#footerMenu ul li.last a{
	border:none;
}
.itideas {
	width:28px;
	height:41px;
	display:block;
	text-decoration:none;
	text-indent:-999em;
	color:#fff;
	float:right;
	margin:5px 10px 0 0;
	background:transparent url(../img/itideasLogo.png) no-repeat;
}

.clearBoth {
    clear: both;
}