@charset "UTF-8";
/* CSS Document */

body{
	padding:0px;
	margin:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#333333;
	background-image:url(images/bg_slice.gif);
	background-position:top left;
	background-repeat:repeat-x;
	color:#646464;
}	
a img { 
	border-style: none;
	outline: none;
}

/******** ******* reset html ******* ********/

a{
text-decoration:none;
color:#F77118;
outline: none;
}
a:hover{
text-decoration:underline;
}
.urbangreymenu ul li a.active,
.urbangreymenu .headerbar a.active
{
	color:#F27523;
}
img{
border:0px;
}
p{
padding:0px;
margin-bottom: 12px;
margin-left: 0px;
margin-right: 0px;
margin-top: 12px;

}
h1{
	
	margin:0px;
	padding:0px;
	margin-bottom:9px;
	margin-top:9px;
	font-size:1.3em;
	
}
h2{
padding:0px;
margin:0px;
margin-top:13px;
margin-bottom:13px;
font-size:1.2em;

}

h3{
padding:0px;
margin:0px;
margin-top:12px;
margin-bottom:12px;
font-size:1.1em;
}



/******** ******* common ******* ********/
h3{
	font-weight:bold;
	font-size:14px;
	color:#333333;
}
#externalContainer{
	width:920px;
	position:absolute;
	margin-left:-460px;/*was -460, then -545 but changed for need to adapt to 1024 screen resolutions*/
	left:50%;	
	min-height:100%;
	float:left;
	margin-top:40px;
	
}
#leftColumn{
width:135px;
padding-right:35px;
float:left;
}

#rightColumn{
width:750px;
float:left;

}
.online #externalContainer{
	width:930px;
}
.online #rightColumn{
	padding-left:10px;
	
}

#header{
padding-top:32px;
padding-bottom:17px;
text-align:right;
}
a.silver{
color:#939598;
font-size:11px;
}
a.silver:hover{
color:#F27523;
}

#content{
background-color:#FFFFFF;
padding:10px;
float:left;
width:730px;
}
#contentBox{
padding:20px;
padding-bottom:25px;
background-color:#f5f6f8;
width:690px;
float:left;
min-height:250px;
}
#contentBox h3{
margin-top:0px;

}
.row{
width:100%;
clear:both;
}
#titleBox{
width:196px; 
padding-left:26px; 
background-color:#000000;
float:left;
}
#titleBox h1{
font-size:18px;
font-weight:normal;
color:#999999;
}
#subTitleBox{
width:482px; 
padding-left:26px;
background-color:#F17624;
float:left;
}
#subTitleBox h1{
font-size:18px;
color:#FFFFFF;
font-weight:normal;
}


.twoColumnL{
width:48%;
float:left;
}
.twoColumnR{
width:48%;
float:right;
}
.star{
color:#F77118;
}
.newsDate{
width:120px;
float:right;
font-size:11px;
color:#646464;
text-align:right;
font-weight:normal;
padding-top:3px;
}

/******** ******* Home ******* ********/
.homeNewsBox{
width:170px;
float:left;
padding-right:20px;
border-right:solid 1px #CCCCCC;
}
.homeNewsBox h2{
margin-top:0px;

}
.homeNewsBox a{
color:#646464;
}
.homeNewsBox a:hover{
text-decoration:underline;
}

.date{
color:#F27523;
font-weight:bold;
}
 
.homeBox{
width:145px;
float:left;
padding-left:20px;
}




/******** ******* footer ******* ********/
#footer{

float:right;
width:750px;
padding-top:10px;
padding-bottom:50px;
}
#copy{
float:left;
width:400px;
}
#terms{
float:right;
width:100px;
text-align:right;
}


/*News*/
.newsItem{
border-bottom:dashed 1px #666666;
padding-bottom:10px;
margin-bottom:22px;

}


.newItemLast{
border:0;
margin-bottom:0;

}

/* Login - register*/

#accountColumn{
	float:left;
	width:340px;
}
#accountRow {
float:left;
margin-bottom:4px;
margin-top:4px;
width:100%;
}

#label{
	float:left;
	width:30%;
	text-align:right;
}

#field{
	float:right;
	width:65%;
	text-align:left;
	
}
#field input {
font-family:Tahoma,'Helvetica CY',Arial,sans-serif;
font-size:11px;
width:190px;
text-align:left;
}

.formrow{
	clear:both;
	width:100%;
	float:left;
	margin-bottom:4px;
	margin-top:4px;
}
.label{
	width:191px;
	float:left;
	text-align:right;
	padding-right:10px;
}

.field{
	width:400px;
	float:left;
}
.field input{
	width:390px;
	border:solid 1px #ccc;
	
}
.field textarea{
	width:390px;
	border:solid 1px #ccc;
	height:120px;
}
.funky-container{
	width:250px;
	padding-left:20px;
	border:solid 1px #ccc;
	margin-top:4px;
}
.funk{
	background-color:#F5F6F8;
	margin-top:-8px;
	height:30px;
	width:190px;
	padding-left:10px;
}


/*Online training Css*/
.online #header{
	width:100%;
	float:left;
	padding-bottom:0;
	height:17px;
}
#header p{
	margin:0;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
}
#breadcrumb  a{
	color:#6D6E71;
}
#header-title{
	width:400px;
	text-align:left;
	float:left;
	}
#breadcrumb{
	width:400px;
	float:left;
	text-align:left;
	}
#language{
	width:120px;
	float:right;
	text-align:right;
	}
	
.active,
#breadcrumb a.active,
#pager a.active
{
	color:#F27523;
}
#pager{
	text-align:right;
}
#pager a{
color:#6D6E71;
padding-left:4px;
}
.online #content {
float:left;
padding:0px;
width:640px;
background-color:transparent;
}
.online #contentBox {
background-color:transparent;
float:left;
min-height:250px;
padding:10px 10px 25px 0px;
width:630px;
color:#BCBEC0;
}
.online h3{
	color:#BCBEC0;
}
#title{
	color:#939598;
	border-bottom:solid 1px #999;
	margin-bottom:8px;
	margin-top:20px;
}
.online .urbangreymenu {
width:142px;
}

.texts-box{
	width:200px;
	padding-bottom:10px;
}
.texts-box-middle{
	width:200px;
	padding:20px;
	padding-top:0;
	padding-bottom:10px;
}
.texts-box h2,
.texts-box-middle h2
{
	
}
.video-short-title{
	width:150px;
	display:inline;
	float:left;
}

.texts-box a,
.texts-box-middle a
{
	color:#BCBEC0;
}
.texts-box a:hover,
.texts-box-middle a:hover
{
	text-decoration:underline;
}
.texts-box a.text-title-link:hover,
.texts-box-middle a.text-title-link:hover
{
color:#F27523;
text-decoration:none;
}
.texts-box p,
.texts-box-middle p
{
	clear:both;
	padding-top:8px;


}
.duration{
	display:inline;
	width:50px;
	float:right;
	text-align:right;
	font-size:0.8em;
	
}