@import "layout.css";



.color1 {
	color:#1CADDC !important;
}

.platform14 {
	color:#AACD11 !important;
}

.platform15 {
	color:#6B92AF !important;
}

.platform16 {
	color:#A6BFFF  !important;
}

.platform17 {
	color:#FD4F9F !important;
}

.platform18 {
	color:#E9B533 !important;
}

.platform19 {
	color:#F292B7 !important;
}

.platform21 {
	color:#8143FF !important
}

#searchInput {
	color:#9AC5BB;
}

.container .cat_title,
.container .cat_title a
{
	 color:#18A7DF;
}

.subject_view a:link,
.subject_view a:visited,
.subject_bloc a:link,
.subject_bloc a:visited
{
	color:#9AC5BB;
}


	/********************************************************************************/
	/*									MEMBER CONFIG PANEL							*/
	/********************************************************************************/
	#login_form {
		padding:15px;
		text-align:center;
		font-size:12px;
		line-height:12px;
	}

	#login_form .note {
		text-transform:uppercase;
		font-weight:bolder;
		padding-left:200px;
		padding-bottom:20px;
		text-align:center;
	}

	#login_form .note a {
		text-decoration: underline;
	}

	#login_form input {
		background-color:#DFDFDF;
		border:1px solid #9c9c9c;
		padding:4px;
		margin: 3px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;

	}

	/********************************************************************************/
	/*									MEMBER CONFIG PANEL							*/
	/********************************************************************************/

	#member_config_panel {

		padding:12px 7px;

	}

	#member_config_panel .links .item {

		font-size:12px;
		font-family:Verdana,sans-serif;
		line-height:15px;

	}


	#member_config_panel .links .item a {

		color:#777;
		text-decoration:none;
		padding-left:6px;
	}


	#member_config_panel .links .item a:hover {

		color:#666;
		border-left:1px solid #999;

	}

	/********************************************************************************/
	/*									MEMBER VIEW							*/
	/********************************************************************************/


	#member_view {

		padding-top:20px;
		padding-left:20px;
	}

	#member_view .avatar_container {

		float:left;
		padding-top:10px;
		padding-bottom:25px;
	}

	#member_view .avatar_container .avatar_img {



	}

	#member_view .general_infos {

		float:left;
		padding:20px 30px;

	}

	#member_view .general_infos .nick {
		text-transform:capitalize;
		font-family:Verdana,sans-serif;
		font-size:32px;
		line-height:23px;
		color:#909090;

	}

	#member_view .general_infos .level,
	#member_view .general_infos .lastdate,
	#member_view .general_infos .register
	{
		font-family:Arial,Tahoma,sans-serif;
		font-size:12px;
		color:#909090;
	}

	#member_view .other_infos {

		font-family:Arial,Tahoma,sans-serif;



	}

	#member_view .other_infos .item {
		margin-bottom:5px;
		padding-left:2px;
		border-left:1px solid #CFCFCF;
	}

	#member_view .other_infos .label {

		color:#808080;
		font-size:13px;
		line-height:16px;


	}

	#member_view .other_infos .data {

		font-family:Arial,Verdana,sans-serif;
		color:#666666;
		font-size:14px;

	}

	#member_view .other_infos .separator {

		height:10px;

	}

	#member_view .other_infos .achievements_container {

		padding:10px;
		width:400px;
	}

	#member_view .other_infos .achievement_item {

		float:left;
		padding:2px;
	}

	/********************************************************************************/
	/*									ACHIEVEMENTS LIST								*/
	/********************************************************************************/

	#achievements_list {
		margin:10px 0px 0px 30px;
		padding-bottom:20px;
		width:980px;
	}

	#achievements_list .item {
		padding: 10px 12px;
		margin-right:10px;
		margin-top:6px;
		border:1px solid #DDD;
		background-color:#F6F6F6;
		width:425px;
		float:left;

	}

	#achievements_list .item .icon {
		float:left;
		margin-right:5px;
	}

	#achievements_list .item .data {
		float:left;
		font-family:Verdana,sans-serif;
	}

	#achievements_list .item .data .title {
		font-weight:bold;
		font-size:13px;
		letter-spacing:1px;
		text-transform:uppercase;
		background:none;
		padding:0px;
		margin:0px;
	}

	#achievements_list .item .data .desc {
		font-size:12px;
	}
	
	#achievements_list_desc {
		
		padding: 7px;
		
	}


	/********************************************************************************/
	/*									ACHIEVEMENTS MANAGER							*/
	/********************************************************************************/

	#achievements_manager {
		padding:20px;
	}

	#achievements_manager .left {
		width:500px;
		float:left;
	}

		#achievements_manager .left .achievement {
			margin:20px;
			float:left;
		}

		#achievements_manager .left .achievement img {
			float: left;
		}

	#achievements_manager .right {
		float:left;
	}

		#achievements_manager .right .info {
			font-weight:bold;
			margin-bottom:20px;
		}

		#achievements_manager .right #dropzone {
			border:1px dotted #929292;
			width:160px;
			height:32px;
			float:left;
		}

			#achievements_manager .right #dropzone.dropzoneout {
				background-color:#FFF;
			}

			#achievements_manager .right #dropzone.dropzoneactive {
				background-color:#EEE;
			}

			#achievements_manager .right #dropzone.dropzonehover {
				background-color:#EFEFEF;
			}

		#achievements_manager .right #sortzone {
			width:160px;
			height:32px;
		}

			#achievements_manager .right #sortzone img {
				float:left;
			}

			#achievements_manager .right #sortzone .sortHelper
			{
				background-color: #E8E8E8;
				float: left;
			}

		#achievements_manager #trash {
			width:64px;
			height:64px;
			background:url(../images/icon_trash.jpg) no-repeat left top;
			float:left;
			margin-left:10px;
			position:relative;
			top:-15px;
		}

		#achievements_manager #trash.sortHover {
			background:url(../images/icon_trash_over.jpg) no-repeat left top;
		}

	/********************************************************************************/
	/*									FAVORITES LIST								*/
	/********************************************************************************/

	.favorite_list {
		width:950px;
		margin:0 auto;
		padding:30px 0px 0px 0px;
	}


	.favorite_list h2 {

		font-family:Verdana;
		color:#909090;
		font-size:13px;
		text-align:center;
		font-weight:bold;
		text-transform:uppercase;
	}

	.favorite_list h3 {
		font-family:Tahoma;
		color:#909090;
		font-size:12px;
		text-align:center;
		font-weight:normal;
	}


	.favorite_list .item {
		float:left;
		width:200px;
		padding:10px 0px 30px 0px;
		text-align:center;
		height:240px;
	}

	.favorite_list .item .cover {
		position:relative;
	}

	.favorite_list .item .cover img {

		border:1px solid #dddddd;
		margin:5px;
		padding:1px;
	}

	.favorite_list .item .cover .scotchtape {
		background:url(../images/scotch_tape.png);
		width:200px;
		height:44px;
	}

	.favorite_list .item .delete_favorite {
		color:red;
		text-align:right;
	}



	/********************************************************************************/
	/*									FAVORITES MANAGER							*/
	/********************************************************************************/


	#favorites_manager {
		width:900px;
		margin:0 auto;
		padding:30px 0px 0px 0px;
	}


	#favorites_manager h2 {

		font-family:Verdana;
		color:#909090;
		font-size:13px;
		text-align:center;
		font-weight:bold;
		text-transform:uppercase;
	}

	#favorites_manager h3 {
		font-family:Tahoma;
		color:#909090;
		font-size:12px;
		text-align:center;
		font-weight:normal;
	}


	#favorites_manager .item {
		float:left;
		width:200px;
		padding:10px 0px 30px 0px;
		text-align:center;
		height:240px;
	}

	#favorites_manager .item .cover {
		position:relative;
	}

	#favorites_manager .item .cover img {

		border:1px solid #dddddd;
		margin:5px;
		padding:1px;
	}

	#favorites_manager .item .cover .scotchtape {
		background:url(../images/scotch_tape.png);
		width:200px;
		height:44px;
	}

	#favorites_manager .item .delete_favorite {
		color:red;
		text-align:center;
	}



	/********************************************************************************/
	/*									NEWS DOUBLE LIST							*/
	/********************************************************************************/

	.news_double_list {
	}

	.news_double_list .news_listing {
		float:left;
		width:50%;
	}


	/********************************************************************************/
	/*									PERSONAL DATA								*/
	/********************************************************************************/

	#personnal_data {
		text-align:justify;
		padding:10px;
	}


	/********************************************************************************/
	/*									REGISTER									*/
	/********************************************************************************/



/*
	In the following section, many of the values must be changed in reference to another.
	Items labeled as 'subjective' are not dependent and may be easily changed as you see fit.
*/
.livegenform h4 {
	font-size:15px;
	padding:5px 0px 5px 0px;
	text-align:center;
}

.livegenform fieldset {

	border:1px dashed #CCC;
	margin-bottom:6px;
	padding:10px;
}

.livegenform label {
	width: 200px; /* label width *//* label margin = (input left margin) - (label width) */
	margin-right: 10px; /* label margin */
}
.livegenform label.long, .livegenform p.label {
	margin-left: 120px; /* subjective */
	width: 390px; /* (textarea width) + (label width) + (label margin) - (left margin) */
}
.livegenform label span {
	color: #900; /* color of required asterisk */
}
.livegenform input, .livegenform textarea, .livegenform select,
.livegenform .checks input, .livegenform.checks input {
	margin-left: 210px; /* (label width) + (label margin) */
	width: 200px; /* subjective, only applies to non-checkbox or radio inputs */
}
.livegenform textarea {
	width: 300px; /* subjective, recommend: (3/2)(input width) */
}
.livegenform p.desc {
	margin-left: 210px; /* (label width) + (label margin) **recommended */
}
.livegenform .checks label, .livegenform.checks label {
	margin-left: 220px; /* (label width) + 2(label margin) */
}

* html .livegenform .checks input, * html .livegenform.checks input {
	margin-left: 105px;  /* (1/2)((label width) + (label margin)) */
}
* html .livegenform .checks label, * html .livegenform.checks label {
	margin-left: 210px; /* (label width) + (label margin) */
	height: 1em;
}


/*********************************************************************************
	DO NOT EDIT BELOW THIS LINE
*********************************************************************************/


.livegenform {

}

.livegenform label {
	float: left;
	text-align: right;
	padding-top: 0.2em;
	font-weight: bold;
	font-size: 1em;
}

.livegenform label:after {
	content: ":";
}

.livegenform label.long {
	float: none;
	display: block;
	text-align: left;
}

.livegenform label.long:after {
	content: "";
}

.livegenform input, .livegenform textarea, .livegenform select {
	display: block;
	margin-bottom: 0;
}
.livegenform select[multiple="multiple"] {
	margin-left: 0px;
}
.livegenform br {
	clear: left;
}

.livegenform input[type="radio"], .livegenform input[type="checkbox"],
.livegenform input[type="hidden"] {
	width: auto;
	height: 0.8em;
	border: 0;
}

.livegenform input[type="hidden"] {
	display: none;
}

.livegenform p.desc {
	display: block;
	position: relative;
	top: -1em;
	margin-bottom: 0em;
	font-style: italic;
	font-size: 0.9em;
}


.livegenform .checks label, .livegenform.checks label {
	float: none;
	width: auto;
	clear: none;
	display: block;
	text-align: left;
	height: 1.4em;
	padding-top: 0;
	margin-bottom: 0;
}

.livegenform .checks label:after, .livegenform.checks label:after, .checks label:after  {
	content: "";
}

.livegenform .checks input, .livegenform.checks input {
	float: left;
	text-align: right;
	width: auto;
}

* html .livegenform br {
	line-height: 1em;
	font-size: 0.5em;
}