@charset "utf-8";
/********************************************** front page stuff ***************************************/

/********************************************** welcome ***************************************/

.welcome {
	display: block;
	float:left;
	width:300px;
	overflow:hidden;
	height:272px;	
	margin:0px;
	padding: 0px;
}

.welcome .title{
	display: block;
	float:left;
	width:300px;
	height:58px;
	background:url("../images/interface/title_welcome.png") no-repeat;
	text-indent:-9999px;
}

.welcome .welcomecontent{
	display: block;
	float:left;
	width:300px;
	height:169px;
	overflow:hidden;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}


.welcome .welcomebuttons{
	display: block;
	float:left;
	height:43px;
	width:300px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
}






.welcome .welcomebuttons .bt-login{
	width: 150px;
	background:url("../images/interface/button_login.png") #fff no-repeat;
	display:block;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	float:left;
	height:43px;
}

.welcome .welcomebuttons .bt-register{
	width:150px;
	background:url("../images/interface/button_register.png") #fff no-repeat;
	display:block;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	float:left;
	height:43px;
}

.welcome .welcomebuttons .bt-surpriseme{
	width: 150px;
	background:url("../images/interface/button_surpriseme.png") #fff no-repeat;
	display:block;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	float:left;
	height:43px;
}

.welcome .welcomebuttons .bt-userguide{
	width:150px;
	background:url("../images/interface/button_userguide.png") #fff no-repeat;
	display:block;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	float:left;
	height:43px;
}




/********************************************** campaign ***************************************/


.maincampaign{
	margin-bottom: 15px;
}

.carousel{
	float: left;
	width: 476px;
	height: 272px;
	overflow: hidden;
	display: block;
	margin: 0px;
	padding: 0px;
}
ul.maincampaignul{
	float: left;
	width: 476px;
	height: 272px;
	overflow: hidden;
	display: block;
	margin: 0px;
	padding: 0px;
	list-style:none;
}




.carousel-list{
	float: left;
	width: 156px;
	height: 272px;
	overflow: hidden;
	display: block;
	margin: 0px 4px 0px 4px;
	padding: 0px;	
}
.carousel-list ul{
	width: 156px;
	height: 88px;
	display: block;
	margin: 0px 0px 4px 0px !important;
	padding: 0px;
	overflow:hidden;
}

.carousel-list li{
	width: 156px;
	height: 88px;
	display: block;
}


.maincampaign li{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

/********************************************** social media ***************************************/

.socialmedia {
	float:right;
}


.socialmedia span{
	display: inline-block;
	background:url("../images/interface/title_connect.png") no-repeat right;
	width:241px;
	height:27px;
	text-indent:-9999px;
}
.socialmedia .twitter{
	background: url("../images/interface/icon_twitter.png") no-repeat;
	width: 27px;
	height: 27px;
	display:inline-block;
	text-indent: -9999px;
}

.socialmedia .facebook{
	background: url("../images/interface/icon_facebook.png") no-repeat;
	width: 27px;
	height: 27px;
	display:inline-block;
	text-indent: -9999px;
}


.header2{
		background:url("../images/interface/bg_customiseshadow.gif") no-repeat 0px 18px;
}

/********************************************** customise ***************************************/
.customise{
	float:right;

}

.customise h2{
	
}

.customise h2 a{
	display: block;
	width: 249px;
	height: 34px;
	background:url("../images/interface/title_customise.png") no-repeat;
	text-indent: -9999px;
}



.customise h2 a.hide{
	background:url("../images/interface/title_customise_hide.png") no-repeat;
}



.options{
	
	background:url("../images/interface/bg_settings.gif") ;
	display:none;
}


.options form{
	float:left;
}

.options .selecttitle{
	background:url("../images/interface/title_selecttheinfo.png") right top no-repeat;
	width:391px;
	height: 24px;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}


.options .title{
	margin-top:20px;
	display: block;
	float: left;
	width: 740px;
	height: 50px;
}

.options h1{
	color: #fff;
	font-size: 20px;
	padding-left:20px;
	background:url("../images/interface/");
}

.options .buttons{
	margin-top:20px;
	display: block;
	float: left;
	width: 220px;
	height: 50px;
	text-align: right;
	margin-right:20px;
}

.options .sbmt{
	width: 129px;
	height: 28px;
	border: none;
	background: url("../images/interface/icon_savesettings.png") no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}


.options .cancel{
	width: 30px;
	height: 28px;
	border: none;
	background: url("../images/interface/icon_settingsclose.png") no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}


.options fieldset{
	float:left;
	width:980px;
	margin: 0px 0px 15px 0px;
}
.optionlist{
	float:left;
	width: 980px;
	margin: 0px 0px 0px 0px;
}

.optionlist li{
	width: 218px;
	height: 30px;
	float: left;
	background:  #999999;
	border: 1px solid #666666;
	margin: 0px 0px 10px 20px;
	list-style:none;
	
}

.optionlist li input[type="checkbox"]{
	margin: 0px;
}

.optionlist li label{
	color:#fff;
	display:inline-block;
	padding: 0px;
	margin:3px 0px 0px 10px;
	font-size:15px;
	width:180px;
}




/********************************************** modules ***************************************/




.maincontent .modules{
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	float:left;
	width:300px;
	list-style:none;
	
}

.module.blank{
	width:300px;
	height:44px;
}

.module{
	list-style:none;
	margin-bottom:20px;
	float:left;
}

.
.maincontent .modules>li{
	list-style:none;
	float:left;
	margin-bottom:20px;
	
}

.maincontent .modules li .m-header{
	background:url("../images/interface/bg_module_header.png");
	height: 44px;
	width: 300px;
	float: left;
}


.m-title{
background:url("../images/interface/title_modules.png") no-repeat;	
height:44px;
width:185px;
overflow:hidden;
text-indent:-9999px;
display:block;
float:left;
}

.m-title.blog{
	background-position:0px -44px;
}

.m-title.newsfeed{
	background-position:0px 0px;
}

.m-title.members{
	background-position:0px -132px;
	
}

.m-title.populartags{
	background-position:0px -176px;
	
}

.m-title.comments{
	background-position:0px -220px;
}

.m-title.ineedto{
	background-position:0px -264px;
}

.m-title.resourcebox{
	background-position:0px -88px;
}

.m-title.breaktime{
	background-position:0px -308px;
}

.m-title.resources{
	background-position:0px  -396px;
}

.m-title.jobsearchmonitor{
	background-position:0px  -572px;
}

.m-title.search{
	background-position:0px  -616px;
}

.m-title.basket{
	background-position:0px  -660px;
}

.m-title.multimedia{
	background-position:0px  -704px;
}

.m-title.psis{
	background-position:0px  -836px;
}

.m-title.youthwork{
	background-position:0px -352px;
}

.m-header .shtoggle{
	display: block;
	float: left;
	width: 42px;
	height:44px;
	text-indent:-9999px;
	
	background:url("../images/interface/icon_arrowdown.png") no-repeat;
}

.m-header .shtoggle:hover{
	background:url("../images/interface/icon_arrowright.png") no-repeat;
}

.m-header .hide{
	background:url("../images/interface/icon_arrowright.png") no-repeat;
}

.m-header .hide:hover{
	
	background:url("../images/interface/icon_arrowdown.png") no-repeat;
}

.m-header .settings{
	display: block;
	float: left;
	width: 38px;
	height:44px;
	text-indent:-9999px;
	background:url("../images/interface/icon_settings.png") 10px 9px no-repeat;
}

.m-header .close{
	display: block;
	float: left;
	width: 35px;
	height:44px;
	text-indent:-9999px;
	background:url("../images/interface/icon_delete.png") 0px 9px no-repeat;
}

.m-header h1{
	float:left;
	padding: 5px 0px 0px 0px;
	width: 185px;
	margin: 0px;
	color:#fff;
	font-size: 23px;
}

.m-settings{
	border-top:1px solid #fff;

	background:#666666;
	float: left;
	width:300px;
	display:none;
}

.m-settings form{
	color:#fff;
	padding:10px;
}

.m-settings .inputs{
	display:inline-block;
	float:left;
	width:30px;
	height:30px;
}

.m-settings p{
	padding:10px;
	color:#fff;
	font-size:12px;
}

.m-settings label{
	display:inline-block;
	float:left;
	height:30px;
	width:250px;
}


.m-settings .lastinput label{

	width:200px;
	padding-top:5px;
}

.m-settings .lastinput .inputs{
	padding-top:4px;
}
.m-settings .sbmt{
	width: 50px;
	height: 28px;
	border: none;
	background: url("../images/interface/icon_save.png") no-repeat;
	cursor: pointer;
	text-indent:-9999px;
	float:right;
	margin:0px 0px 10px ;
}


.m-settings .input20{
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	border:1px solid #000000;
	padding:2px;
	width:16px;
}

.m-header2{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;

	background:#666666;
	float: left;
	width:300px;
	height:35px;
}

.m-header2 h2{
	font-weight: normal;
	font-size:14px;
	color:#fff;
	float: left;
	width: 207px;
	margin: 6px 0px 0px 15px;
}

.m-header2 h2 a{
	color:#fff;
	

}


.m-header2 a.additem{
	display: block;
	float: left;
	height: 35px;
	width: 39px;
	text-indent:-9999px;
		background: url("../images/interface/icon_item_add.gif") no-repeat;
}

.m-header2 a.removeitem{
	display: block;
	float: left;
	height: 35px;
	width: 39px;
	text-indent:-9999px;
		background: url("../images/interface/icon_item_remove.gif") no-repeat;
}


ul.m-blogitems li span.module_price{
	color: #666666;
	display: block;
	font-size: 12px;
	margin: 5px 12px 1px 10px;
	text-align:left;
}



.m-search-label{
	display:inline-block;

	width:95px;
	vertical-align:top;
}


.search_column{
	width:130px;
	display:block;
	float:left;
	overflow:hidden;
	margin-left: 10px;
	margin-top: 8px;
}

.m-search-checkbox{
	padding-top:4px;
	margin-right: 10px;
	margin-left: 5px;
}

.m-search-input{
	
	margin-right: 10px;
	margin-left: 10px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	border:1px solid #000000;
	padding:9px;
	width: 260px;
	
}

.search_button{
	width: 78px;
	height: 31px;
	border: none;
	background: url("../images/interface/bt_search.png") no-repeat;
	cursor: pointer;
	text-indent:-9999px;
	float:right;
	margin:15px 10px;
}

.search_button:hover{
	background-position:0 -31px;
}





.m-footer2{
	border-bottom:1px solid #fff;
	height: 35px;
	background:#ff6b09;
	float: left;
	width:300px;
}

.m-footer2 p.total{	
	color: #FFFFFF;
	float: left;
	font-size: 14px;
	font-weight: normal;
	margin: 8px 0 0 15px;
	text-align: right;
	width: 277px;
}

.m-footer2 h2{
	font-weight: normal;
	font-size:14px;
	color:#fff;
	float: left;
	width: 246px;
	margin: 6px 0px 0px 15px;
}

.m-footer2 h2 a{
	color:#fff;
}

.m-footer2 a.addblog{
	display: block;
	float: left;
	height: 35px;
	width: 39px;
	text-indent:-9999px;
	background: url("../images/interface/icon_addblog.gif") no-repeat;
}

.m-footer2 a.module_checkout{
	display: block;
	float: left;
	height: 35px;
	width: 39px;
	text-indent:-9999px;
	background: url("../images/interface/icon_basket.png") no-repeat;
}

.m-content{
	display:block;
	float:left;
	width:300px;
	padding:0px;
	margin:0px;
}



.maincontent .modules li .m-body{
	background: #e1e1e1;
	width: 300px;
	float: left;
	line-height:15px;
}


ul.m-newsitems{
	margin: 0px;
	padding: 0px;
}

ul.m-newsitems li{
	list-style:none;
	padding: 10px 15px;
	border-bottom:1px solid #ffffff;
	font-size:12px;
}

ul.m-newsitems li h1{
	font-size:12px;
	font-weight:bold;
	margin-bottom: 0px !important;
	
}

ul.m-newsitems li h1 a{
	color:#000;
	text-decoration: none;
}

ul.m-newsitems li span.date{
	color: #666666;
}

ul.m-newsitems li span.date a{
	color:#ff6600;
	text-decoration:none;
}

ul.m-newsitems li a.more{
	color:#ff6600;
	text-decoration:none;
}

ul.m-newsitems li a.more:hover{
	text-decoration:underline;
}





ul.m-blogitems{
	margin: 0px;
	padding: 0px;
}

ul.m-blogitems img{
	float: left;
	width: 140px;
	height: 100px;
	padding: 0px;
	margin: 0px;
}

ul.m-blogitems li{
	list-style:none;
	width:300px;
	border-bottom:1px solid #ffffff;
	font-size:12px;
	float: left;
}

ul.m-blogitems li .details{
	width: 160px;
	height: 100px;
	float: left;
	display: block;
}

ul.m-blogitems li h1{
	
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	height:14px;
	margin:0 12px 4px 10px;
	overflow:hidden;
	width:140px;
	
}

ul.m-blogitems li h1 a{
	color:#000;
	text-decoration: none;
}

ul.m-blogitems li p{
	margin: 0px 12px 6px 10px;
	font-size:12px;
}

ul.m-blogitems li span.date{
	margin: 5px 12px 1px 10px;
	color: #666666;
	display: block;
	font-size: 12px;
}

ul.m-blogitems li a.more{
	margin: 0px 15px 10px 10px;
	color:#ff6600;
	text-decoration:none;
	display: block;
	font-size: 12px;
}

ul.m-blogitems li a.more:hover{
	
	text-decoration:underline;
}




.maincontent .modules li .m-footer{
	background: url("../images/interface/bg_module_footer.png") no-repeat;
	height: 8px;
	width: 300px;
	float: left;
}

.modulecategories{
	margin: 0px; 
	padding:5px;
}



.m-blogform{
	background:#000;
	float: left;
	width: 300px;
	border-bottom:1px solid #fff;
}


.m-blogform form{
	color:#fff;
	margin:10px 15px 0px 15px;
	
}

.m-blogform form fieldset{
	margin:0px;
	padding:0px;
	
}


.m-blogform form .input{
	border:1px solid #ff6600;
	padding:3px;
	width:262px;
	
}

.m-blogform form .textarea{
	border:1px solid #ff6600;
	padding:3px;
	width:262px;
}

.m-blogform form a{
	color:#ff6600;
	text-decoration: none;
	display: inline-block;
	width:205px;

}

.m-blogform form span{
	font-size:10px;
}

.m-blogform form .sbmt{
	border:none;
	background: url("../images/interface/icon_post.png") no-repeat;
	width:59px;
	height:23px;
	cursor:pointer;
	text-indent:-9999px;
}



.m-body ul.resourcelist{
	margin: 0px;
	padding: 0px;
	width:300px;
	height:169px;
	overflow:hidden;
	

}

.m-body ul.resourcelist li{
	list-style:none;
	position:relative;
	margin: 0px;
	padding: 0px;
	border-top:1px solid #fff;
	width:300px;
	height:169px;
	
}

.m-body ul.resourcelist li h1{
	background:rgba(0,0,0,0.4);
	text-align: center;
	position:absolute;
	top: 0px;
	left: 0px;
	font-weight:bold;
	font-size:16px;
	padding:10px 0px 10px 0px;
	width: 300px;
	color:#fff;
}
.m-body ul.resourcelist li h1 a{
text-decoration: none;
color: #fff;	
}

.m-body ul.resourcelist li img{
	
}

.m-body p.slider{
	display:block;
	height:36px;
	width: 300px;
	float:left;
	margin:0px;
	background:#666666;
	border-bottom:1px solid #fff;
}

.m-body p.slider span{
	display: block;
	width:196px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	float:left;
	font-size:14px;
	padding-top:10px;
	color:#fff;
}

.m-body p.slider a.next{
	
	display:block;
	height:36px;
	width: 52px;
	float:left;
	background:url("../images/interface/icon_next.gif") no-repeat;
	text-indent:-9999px;
}

.m-body p.slider a.prev{
	display:block;
	height:36px;
	width: 52px;
	float:left;
	background:url("../images/interface/icon_prev.gif") no-repeat;
	text-indent:-9999px;
}


.m-header2 p.bigbuttons{
	display: block;
	float:left;
	height: 36px;
	width:300px;
}

.m-header2 p.bigbuttons a {
	display:block;
	width:150px;
	text-align:center;
	float:left;
	color:white;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	height:36px;
}

.m-header2 p.bigbuttons a:hover {
	text-decoration:underline;
}

.m-header2 p.bigbuttons a span{
	display:inline-block;
	float:left;
	padding-top:8px;
}

.m-header2 p.bigbuttons .orange{
	background:url("../images/interface/bg_bt_orange.gif") repeat-x;
}

.m-header2 p.bigbuttons .gray{

	background:url("../images/interface/bg_bt_gray.gif") repeat-x;
}

.tagcloud{
	background:#000;
	padding: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	
}
 .tagcloud a{
	color:#FFFFFF;
	display:inline-block;
	line-height:1em;
	text-decoration:none;
}

.tagcloud a:hover{
	text-decoration: underline;
}

.placeholder{
	display:block;
	margin: 10px 0px 10px 0px;
	background: rgb(202, 202, 202);
	background: rgba(202, 202, 202, 0.6);
	border: 1px solid #000;
	width:300px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}