/* ------- Global ---------- */ 
body {
	padding:0px; margin:0px; 
	font:normal normal normal 11px Arial;
} 
h1,h2,h3,h4,h5,h6,li,ul,img,p,form,
a,a:hover { 
	border:0px; outline:none;
	padding:0px; margin:0px;
	font:normal normal normal 12px Arial;
	color:#000000;
}
input:focus, input, input:active, input:hover { outline:none; }
ul { list-style:none; }
a,a:hover { text-decoration:none; outline-style:none; }
.clear { display:block;	clear:both; }

label { 
	font:normal normal bold 11px Arial; color:#515253;
	padding:0px; margin:0px;
	display:block; height:13px; overflow:hidden;
}

.widgetError {
	padding:5px 10px;	
}
.widget li{
    line-height:13px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .widget li {
	    line-height:15px !important;
    }
}


/* ------- Login ---------- */ 

#login { 
	position:absolute; top:0px; right:0px; z-index:9999;	
	background:url(/images/css/base/configbar/login.gif) no-repeat top left;
	width:199px; height:29px;
	padding:0px 0px 2px 22px;
	font:normal normal normal 11px Arial; color:#ffffff;
	/*letter-spacing:0.7;*/
}
#login input {
	background:#ffffff;
	padding:0px 0px 0px 0px; margin:2px 10px 0px 0px;	
	display:inline; width:100%; height:13px;
	font:normal normal normal 10px Arial; color:#ffffff;
	border:1px solid #CCCCCC;
}
#login a {	
	font-size:11px; color:#ffffff;
	padding:0px 3px 0px 3px; margin:0px 0px 0px 0px;
	display:inline;
	cursor:pointer;
}
#login a.parrain{
	background:url(/images/css/base/configbar/bg-parrain.png) left top no-repeat;
	color:white;
	font-weight:bold;
	padding:0px 8px 5px 10px;
}
#login a:hover.parrain{
	background:url(/images/css/base/configbar/bg-parrain-over.png) left top no-repeat;
	text-decoration:none;
}
#login a.offrepremium{
	background:url(/images/css/base/configbar/bg-offrepremium.png) left top no-repeat;
	color:white;
	font-weight:bold;
	padding:0px 12px 5px 10px;
}
#login a:hover.offrepremium{
	background:url(/images/css/base/configbar/bg-offrepremium-over.png) left top no-repeat;
	text-decoration:none;
}
#login a:hover { text-decoration:underline }
#login input.email { width:160px; }
#login .submit {
	width:20px; height:14px;	
	cursor:pointer;
	border:none;
	padding:0px 0px 0px 0px; margin:0px 0px 0px -5px;
	background:none;
	font:bold normal normal 11px Arial; color:#FFFFFF;
}
#login .pass {
	height:14px;
	cursor:pointer;
	border:none;
	padding:0px 0px 0px 0px; margin:0px 0px 0px 25px;
	background:none;
	font:normal normal normal 11px Arial; color:#FFFFFF;
	text-decoration:underline;
}
/* ------- Pop-up Premium ---------- */ 
.popup-premium{
	z-index:2;
	position:absolute; top:5px; right:170px;
	background:url(/images/css/general/premium/bg.png) no-repeat 0px 16px;
	width:418px;
	height:274px;
	display:none;
	padding-top:16px;
}
.popup-premium a.bt-order{
	display:block;
	background:url(/images/css/general/premium/bg-bt.png) left top no-repeat;
	width:183px;
	height:28px;
	position:absolute;
	right:10px;
	top:256px;
}
.popup-premium a:hover.bt-order{
	text-decoration:none;
	background:url(/images/css/general/premium/bg-bt-hover.png) left top no-repeat;
}
.popup-premium a.close{
	position:absolute; top:16px; right:7px;
	font:normal normal normal 11px Arial; color:#c5c5c5;
	background:url(/images/css/general/premium/close-hover.png) right top no-repeat;
	display:block;
	width:53px;
	height:18px;
	padding-top:2px;
}
.popup-premium a:hover.close{
	background:url(/images/css/general/premium/close.png) right top no-repeat;
	text-decoration:underline;
}

/* ------- CV ---------- */ 

#cv { position:relative; }
#cv #cv_bloc { position:relative; margin:auto; width:970px;	}
#cv #cv_bloc h1 { background-repeat:no-repeat; }

/* ------- Banner ---------- */ 

#banner a { display:block; height:78px; }
#banner span { display:none; width:650px; height:75px; }

/*------------editCV-------------*/
#edit_cv_bar {
	height:20px;
	border-bottom:1px solid #cccccc;
	background:#ffffff;
	padding-top:5px;
	text-align:center;
	color:#8c8c8c;
}
#edit_cv_bar a {
	font:normal normal normal 11px Arial;
	color:#50a3d9;
	text-decoration:underline;
	cursor:pointer;
}
#edit_cv_bar a.close{
	background:url(/images/css/base/editcv-close.png) no-repeat right top;
	position:absolute;
	right:10px;
	top:3px;
	font:normal normal normal 11px Arial;
	color:#8c8c8c;
	padding-right:20px;
	padding-top:2px;
	cursor:pointer;
}

/* ------- Menu ---------- */ 

#menu { padding:0px 0px 18px 0px; clear:both; }
#menu li { float:left; }
#menu a { padding:0px 0px 0px 18px; }
#menu a,
#menu span { height:22px; display:block; }
#menu span { padding:3px 21px 1px 2px; }
* html #menu a, 
* html #menu span { width:1px;white-space:nowrap; }
#menu a { background-position:left top; }
#menu span { background-position:right top; }
#menu a:hover span { cursor:pointer; }
#menu li.on a span { cursor:pointer; }

/*----------uploadcv--------------*/

#uploadcv input, #uploadcv label, #uploadcv .opener {
	cursor:pointer;
}
#uploadcv .opener {
	position:absolute;
	z-index:0;
}
#uploadcv .open { display:none; }
#uploadcv a.pdf,
#uploadcv a.word,
#uploadcv a.pdf:hover,
#uploadcv a.word:hover,
#uploadcv a.print,
#uploadcv a.print:hover { position:absolute;width:32px; height:34px; }
#uploadcv a.pdf,
#uploadcv a.pdf:hover { background:url(/images/css/base/icon/pdf-export.png) no-repeat center center; }

* html #uploadcv a.pdf,
* html #uploadcv a.pdf:hover { background:url(/images/css/base/icon/pdf-export-ie.png) no-repeat center center; }

#uploadcv a.word,
#uploadcv a.word:hover { background:url(/images/css/base/icon/word-export.png) no-repeat center center; }

* html #uploadcv a.word,
* html #uploadcv a.word:hover { background:url(/images/css/base/icon/word-export-ie.png) no-repeat center center; }

#uploadcv a.print,
#uploadcv a.print:hover { background:url(/images/css/base/icon/print-export.png) no-repeat center center; }

* html #uploadcv a.print,
* html #uploadcv a.print:hover { background:url(/images/css/base/icon/print-export-ie.png) no-repeat center center; }

/* ------- flags ---------- */

#flags { position:absolute; right:25px; top:50px; }
#flags a { 
	display:block; float:left; width:16px; height:11px; margin:5px;
	background-repeat:no-repeat; 
}

/* ------- col_1 ---------- */

#col_1 { float:left; }

#col_1 .top span,
#col_1 .top a { font:normal normal bold 16px Arial; color:#FFFFFF; }
#col_1 .top a {display:block;}

#col_1 a { font:normal normal normal 11px Arial; }
#col_1 h3,
#col_1 h4{
	font:normal normal bold 11px Arial;color:#515253;
	padding:0px 0px 0px 0px; margin-bottom:5px;
}
#col_1 h4 { 
	background:none;
	padding:0px 0px 0px 24px;
	margin-bottom:0px;
}
#col_1 .bloc { 
	padding:10px 14px 12px 13px;
	position:relative;
	height:1%; /* IE specifying for float including */		
}
#col_1 li { font:normal normal normal 11px Arial; }

/*---------netlinks------------------*/

#netlinks img { border:1px solid; background:white; margin:auto; }
#netlinks a { font-size:10px; }

/* ------- Components ---------- */

#components { float:left; }
#components #col-resize,
#components #col-resize-2,
#components #col-sep,
#components #col-sep-2 { float:left; width:20px; min-height:50px; }
#components #col-resize-2,
#components #col-sep-2 { display:none; }
#components #col-2 { float:left; width:456px; height:100%; }

#components #col-3 {  float:left; width:269px; height:100%; }
#components #col-4 { float:right; width:269px; height:100%; }

* html #components #col-2,
* html #components #col-3,
* html #components #col-4 { font-size:0; }

* +html #components #col-2,
* +html #components #col-3,
* +html #components #col-4 { font-size:0; }


/* ------- Portlet ---------- */

.portlet { position:relative; width:100%; }
.portlet h2 { display:block; }
.portlet h2 a { overflow:hidden; display:block; }
.portlet h2 span { display:block; overflow:hidden; }
.portlet .top-left { position:absolute; left:0px; top:0px; }
.portlet .top-right { position:absolute; right:0px; top:0px; }
.portlet .widget.first .widget-middle{padding-top:5px;}
.portlet .icon { 
	position:absolute; top:0px; left:0px; z-index:1;
	background-position:left top; 
}
.portlet .widgets { /*position:relative;*/ height:100%; }
.portlet .bordered { background-color:#FFFFFF; border-width:0px 1px; border-style:solid; }
.portlet .more { text-align:right; font-size:0px; position:relative; z-index:0; }
.portlet .more a {	
	font-size:0px;	
	padding:0px;
	position:absolute; right:0px; top:0px;	
}
.portlet .more a.clic {		
	background:none;
}

/* ------- Widget ---------- */

.widget { position:relative; height:100%; }
.widget .widget-middle { 
	position:relative;
	width:auto;
}
.widget.blog h2 {
	background:none;
}
.widget .widget-left,
.widget .widget-right { position:absolute; height:100%; top:0px; z-index:1; display:block; }
.widget .widget-left { left:0px; }
.widget .widget-right { right:0px; }
.widget h3 { padding:10px 20% 0px 13px; margin:0px; }
.widget h3 a,
.widget h3 a:hover {		
	width:auto;	display:block; margin-right:35px;
	font:normal normal bold 16px arial;
}
.widget.blog h2,
.widget h4 { padding:0px 13px 0px 13px; margin:0px; }
.widget h4 a,
.widget h4 a:hover {	
	width:auto; height:14px;
	font:normal normal bold 11px Arial;
	padding-right:4px;
}
.widget h5 { padding:0px 0px 0px 15px; margin:0px; }
.widget h5 a,
.widget h5 a:hover{	
	width:auto; height:14px;	
	font:normal normal bold 11px Arial;
	padding-right:4px;
}

.widget .date,
.widget .contract {	font:normal normal normal 80% Arial; color:gray; }
.widget ul { padding:5px 0px 0px 15px; margin:0px; }
.widget li {	
	font:normal normal normal 11px arial;
	padding:2px 15px 3px 18px; margin:0px 0px 0px 0px;
	overflow:hidden;
}

a.alink,
a:hover.alink {	
	font:normal normal normal 11px arial; color:#50A3D9;	
	text-decoration:underline;
}
* html a.alink,
* html a:hover.alink,
* + html a.alink,
* + html a:hover.alink {	
	word-wrap:break-word;
}
 
.widget.portfolio h4 { padding-top:10px; }

.widget.blog h2,
.widget .colored,
.widget .colored a,
.widget .colored a:hover { font:normal normal bold 16px Arial; }
.widget .underlined { height:15px; }
.widget .top-spacing.underlined { height:12px; }
.widget.portfolio .top-spacing { height:20px; }

.portfolio .widget-middle{min-height:70px;}
* html .portfolio .widget-middle{height:70px;}

/* ------- Widget Level 2 ---------- */

.level2 .widget ul { padding:0px 0px 6px 20px; }

.level2 .widget h3,
.level2 .widget h4,
.level2 .widget h5 { display:block; padding-left:20px; }


.level2 a.image{
	position:absolute; right:18px; top:28px; z-index:90;
	background-color:white;
	border-width:1px;
	padding:10px;	
}
.level2 a:hover.image {
	position:absolute; right:18px; top:0px !important; z-index:90;
	background-color:white;
	border-width:1px;
	padding:10px;	
}
.level2 .widget .document_view { border-top:0px; }
.level2 .widget .document_view a {
	top:0px;right:20px;
	width:66px;
	padding:58px 0px 0px 3px;
}
.level2 .widget .document_view a.pdf { background:url(/images/css/base/icon/pdf-document.gif) no-repeat; }
.level2 .widget .document_view a.word { background:url(/images/css/base/icon/word-document.gif) no-repeat; }
.level2 .widget .document_view a.ppt { background:url(/images/css/base/icon/ppt-document.gif) no-repeat; }
.level2 .widget .document_view a.xls { background:url(/images/css/base/icon/xls-document.gif) no-repeat; }
.level2 .widget .document_view a.zip { background:url(/images/css/base/icon/zip-document.gif) no-repeat; }
.level2 .widget.portfolio .infos { 
	position:relative;
	float:left; width:425px; height:100%; min-height:13px;
	padding:0px 6px 0px 6px;	 
}
.level2 .widget.portfolio .content h4 { border: none; }
.level2 .widget.portfolio .video_view {
	
}
.level2 .widget.portfolio .image_view,
.level2 .widget.portfolio .sound_view{ float:left; position:relative; }
.level2 .widget.portfolio .details {
	background-color:white;
	border-top:0;
	border-bottom:0;
}
.level2 .widget.portfolio .description {
	font:normal 11px Arial;
	text-align:justify;
	margin:0px 0px 10px 19px;
}
.level2 .widget.portfolio .top-spacing { height:12px; }
.level2 .label { padding-left:20px; }
.label {
	font:normal normal bold 11px Arial; color:#515253;
	padding:7px 0px 5px 0px; margin:0px 0px 0px 0px;
}


.level2.blog .content { padding:15px; height:100%; }
.level2.blog .button { padding-bottom:15px; position:relative; height:100%; }
.level2.blog .feedflare { padding-left:20px; }
.level2.blog .header h4{
	font-size:24px;
}
.level2.blog img { margin:5px; }
.level2.blog p { padding:10px;	}
.level2.blog li p { padding:0px; }
.level2.blog .header a,
.level2.blog .header a:hover{ 
	font-size:11px; 
	padding:0px 0px 0px 20px;
	cursor:pointer;
}
.level2.blog .header .blog-link{
	width:94px;
	height:19px;
	position:absolute; top:5px; right:85px;
	display:block;
	background: url(/images/css/base/icon/blog-link.gif) top left no-repeat;	
}
.level2.blog .header .blog-rss{
	width:76px;
	height:19px;
	position:absolute; top:5px; right:0px;
	display:block;
	background: url(/images/css/base/icon/blog-rss.gif) top left no-repeat;	
}
.level2.blog a.title,
.level2.blog a:hover.title{
	font-size:24px;
}
.level2.blog .content h2{font-size: 16px; background:none; font-weight:bold;padding-left:10px;}
.level2.blog .content h3{font-size: 14px; background:none; font-weight:bold;padding-left:10px;}
.level2.blog .content h4{font-size: 13px; background:none; font-weight:bold;padding-left:10px;}
.level2.blog .content a,
.level2.blog .content a:hover{text-decoration:underline;}
/* ------- Widget Level 3 ---------- */

.level3 .label_detail {
	font-weight:bold;
	margin:25px 0px 10px 0px; 
}
.level3 .details {
	background-color:white;
	border-top:0px;
	border-bottom:0px;
}



/* -------
	Password
---------- */
#password .error {
	background: url(/images/css/general/warning.gif) 10px top no-repeat;	
	padding:5px 0px 0px 60px;
}
#password .error li {
	border:none;
	height:20px;
}
#password .error h3 {
	background:transparent;
	font:normal normal bold 22px Arial;
	color:#F77D24;
	margin:7px 0 0 0;
}

#password input.text,
#password input.date, 
#password textarea {
	width:250px; height:15px;
	padding:1px 2px 0px 2px; margin:2px -5px 2px -2px;
	border:1px solid #DDDDDD;
	font:normal normal normal 11px Arial; color:black;
	display:block;
}
#password a.link {
	font:normal normal normal 10px Arial; color:#50A3D9;
	text-decoration:underline;
	display:block;
}
#password { margin:auto; width:80%; }
#password form { margin:0px; padding:0px; }
#password .portlet {
	width:745px;
	margin-bottom:30px;
}

#password .widget,
#password .widget .content { position:static; }
#password .widget .content { padding:10px; }
#password .icon { background-position:0px 0px; }
#password textarea { width:672px; height:100px; }
#password input.ok { margin-left:621px; }
#password .captcha{ margin:10px 10px 10px 19px; }
#password .ok {
	background:transparent url(/images/css/base/button/ok.gif) repeat scroll 0% 0%;
	border:0px none; cursor:pointer;
	width:74px; height:17px;	
	padding:0px; margin:10px 0px;	
}

/* ------- Footer ---------- */

#footer { width:100%; height:61px; }
#footer a{}
#footer a img{margin-bottom:-3px;}


/* ------- session expire ---------- */

#session_expire {
	position:absolute; top:0px; left:0px; z-index:99999;
	width:100%;	height:100%;
	font:normal normal normal 11px Arial;
	text-align:center;
	background:url(/images/css/base/back.gif);
}
#session_expire .container {
	background:url(/images/css/base/session_expire.gif) no-repeat 0px 200px;
	padding-top:200px; margin:auto;	
	width:334px; height:104px;
}
#session_expire h3{
	font-size:17px;color:#FFFFFF;font-weight:bold;
	text-align:left;
	padding:2px 0px 0px 10px;
}
#session_expire p {	padding:25px 0px 0px 50px; }
#session_expire a{
	font-weight:bold;
	text-decoration:underline;
}
#session_expire a:hover { color:#848484; }

/* ------- Add Module ------- */
.col_addModule {
	border: 1px dashed #CCC;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	padding:50px 0px;
	margin-bottom:30px;
}
.col_addModule a{
    color:#aaaaaa;
    font-weight:bold;
}

/* ----------- info-Tips ---------*/
.info-tips h4{
    font:normal normal bold 16px Arial;
    color:#50a3d9;
    margin-top:5px;
}
.info-tips p{
     font:normal normal normal 12px Arial;
}
#newUserStart{
	background:url(/images/css/base/info-tips/bg-1.png) no-repeat left top;
	height:221px;
	left:112px;
	padding:74px 23px 20px 24px;
	position:absolute;
	top:77px;
	width:255px;
	z-index:9999;
}
.body_us #newUserStart{
    left:76px;
}
#newUserStart a.closetip{
    font:normal normal normal 12px Arial;
    color:#515253;
    position:absolute;
    top:73px;
    right:19px;
    background:none;
    display:block;
    height:auto !important;
    width:auto !important;
    padding:0px !important;
    margin:0px !important;
    cursor:pointer !important;
}
#newUserStart a{
    width:70px !important;
    display:block;
    height:28px !important;
    margin-right:21px !important;
    padding:56px 0px 0px 0px !important;
    margin-top:10px;
    background-repeat:no-repeat;
    background-position:left top !important;
}
#newUserStart a.job{
    background-image:url(/images/css/base/info-tips/job.png);
}
#newUserStart a.skill{
    background-image:url(/images/css/base/info-tips/skill.png);
}
#newUserStart a.training{
    background-image:url(/images/css/base/info-tips/training.png);
    margin-right:0px !important;
}

#newUserWidgetHelp {
	background:url(/images/css/base/info-tips/bg-2.png) no-repeat left top;
	height:150px;
	left:50px;
	padding:20px 49px 20px 17px;
	position:absolute;
	top:104px;
	width:113px;
	z-index:99;
}
.body_us #newUserWidgetHelp {
	background:url(/images/css/base/info-tips/bg-2_us.png) no-repeat left top;
	height:130px;
}
#newUserWidgetHelp ul{
    margin:10px 0px;
}
#newUserWidgetHelp li{
    clear:both;
    border-bottom:1px dashed #ccc;
    height:23px;
}
#newUserWidgetHelp li a{
    float:left;
    width:18px;
}
#newUserWidgetHelp li a.edit{
    background-position:0px 4px;
}
#newUserWidgetHelp li a.move{
    background-position:0px -16px;
}
#newUserWidgetHelp li a.delete{
    background-position:0px -36px;
}
#newUserWidgetHelp li span{
    float:left;
    display:block;
    font-size:11px;
    padding-top:4px;
}
#newUserWidgetHelp-ok{
    background:url(/images/css/base/info-tips/ok.png) no-repeat left top;
    color:#ffffff;
    border:none;
    font:normal normal bold 13px Arial;
    bottom:15px;
    position:absolute;
    right:22px;
    width:67px;
    height:31px;
    text-align:center;
    padding-bottom:2px;
    cursor:pointer;
}
#fake-cv{
    position:absolute;
    top:112px;
    left:216px;
    width:690px;
    height:300px;
    z-index:999;
}
/*-------------admin-panel----------------*/
#adminPanel-close,
#adminPanel-open{
    background:url(/images/css/base/configbar/admin-panel.png) no-repeat left bottom;
    width: 151px;
    height: auto;
    position: absolute;
    top:0px;
    right:20px;
    padding:5px 5px 10px 5px;
}
#adminPanel-open{
    display:none;
}
#adminPanel-close h5,
#adminPanel-open h5{
    font:normal normal bold 12px Arial;
    color:#FFF;
    cursor:pointer;
    padding-left:10px;
}
#adminPanel-open h5{
    border-bottom:1px dashed #ffffff;
    padding-bottom:5px;
    margin-bottom:10px;
}
#adminPanel-open p{
    padding-left:10px;
    margin-bottom:3px;
    font:normal normal normal 11px Arial;
    color:#515253;
}
#adminPanel-open p strong{
    color:#e4e4e4;
}
#adminPanel-open form{
    padding-left:5px;
    padding-bottom:5px;
    padding-top:5px;
    border-bottom:1px dashed #ffffff;
    border-top:1px dashed #ffffff;
    margin-top:10px;
}
#adminPanel-open form input{
    cursor:pointer;
}
#adminPanel-open form label{
    cursor:pointer;
    display:inline;
    color:#515253;
}
#adminPanel-open form input.save{
    float:right;
    margin-right:10px;
}