/* TOP */
#header { height: 300px; margin-top: 8px; }
#header .slider { margin-top: 10px;}

#friends-facebook .next,#friends-facebook .prev,#yt-videos li {background:url(//static.nikonisti.ro/images/utile/butoane_fb_friends.png) no-repeat}

#friends-facebook .next,#friends-facebook .prev{position: absolute; z-index: 9; top: 38px; display: block; width: 16px; height: 57px; overflow: hidden; text-indent: -9999px; cursor: pointer}
#friends-facebook .next{right: 10px; background-position: -16px 0}
#friends-facebook .prev{left: 10px}
#friends-facebook a.prev:hover{background-position:0 -57px}
#friends-facebook a.next:hover{background-position:-16px -57px}
#friends-facebook .prev.disabled, #friends-facebook a.prev.disabled:hover{background-position:0 -114px;cursor:text}
#friends-facebook .next.disabled, #friends-facebook a.next.disabled:hover{background-position:-16px -114px;cursor:text}

div.newslist    { border-top: 1px solid #EEE; max-height: 550px; margin: 5px; overflow: auto; padding: 5px 5px 3px 5px;}
p.newstitle      { padding: 10px; cursor: pointer; font-weight: bold; background-color: #F9F9F9; margin: 5px;}
li.rowfacebook {border-bottom: 1px solid #EEEEEE; list-style: none; height: 50px; margin-bottom: 2px;}
li.rowfacebook:hover { background-color:#F7F7F7; cursor: pointer;}
li.rowcustomer {position: relative; border-bottom: 1px solid #EEEEEE; padding: 5px;}
li.rowcustomer:hover {background-color:#F7F7F7; cursor: pointer;}

#skills p   { padding: 5px; border-bottom: 1px solid #F0F0F0; width: 250px; cursor: pointer;}
div.skill   { margin: 10px; }
.skill span { float: right; color: #A0A0A0; margin-right: -4px; cursor: pointer; border: 1px solid #F0F0F0; padding: 0px 4px; font-size: 16px; margin-top: -3px; font-weight: bold;}
.skill span:hover { background-color: #E9E9E9;}
.skill p    { font-weight: bold;padding: 5px;margin-left: 132px; border-bottom: 1px solid #e9e9e9;margin-bottom: 5px;width: 250px;}

#avatar a.change_picture { display: none;}
#avatar:hover a.change_picture {  display: block;padding: 3px;
position: absolute;
background: black;
color: white; }
.avatars_box { overflow: hidden; padding: 10px; text-align: center; }
.avatars_box div { width: 120px; float:left; margin: 7px;}
/*.avatars_box img { padding:2px; margin:5px; border: 2px solid #C9C9C9 }*/

#toolbar-top { float: right; background: #E9E9E9; padding: 6px; border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; color: #555; display: block; max-width: 374px; }

#toolbar-top input[type="text"], #toolbar-top input[type="password"] { padding:4px; border: 1px solid #C9C9C9; width: 129px; float: left; margin: 0 2px 0 0;}
#toolbar-top a { text-decoration: none; margin:0}

input.submit    { border: 1px solid #E9E9E9; padding: 7px 26px; font-family: verdana; background: yellow; color: #566; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; }
input.submit:hover  {border-color: #c9c9c9; color: #000;}

#login-form .submit { border: 1px solid #E9E9E9; padding: 4px 22px; font-family: verdana; background: #444; color: #FFF; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; width: 80px; float: right;}
#login-form .submit:hover {color: #FFC;}

#login-form { width: 368px !important ; display: block; }
#login-social { float: left; margin: 2px 0 0 7px;}

#search-top { margin: 2px 0 0 0; border: 1px solid #C9C9C9; border-radius: 2px; -webkit-border-radius: 2px; width: 246px !important; background: white; float: left; }

#search-top input[type="text"] { width: 212px !important; border: 1px solid #C9C9C9; border-radius: 2px; -webkit-border-radius: 2px; }
#search-top input[type="submit"] { background: #FFF url(//static.nikonisti.ro/img/search-grey.png); width: 24px; height: 24px; border: none; margin-left: -2px; }

#recover-create-top { float: left; margin: 2px 0 0 9px; }

#recover-password-top { margin: 2px 0 0 0; border: 1px solid #C9C9C9; border-radius: 2px; -webkit-border-radius: 2px; width: 280px !important; background: white; float: left; }
#recover-password-top  input[type="text"] { width: 226px; border: 1px solid #C9C9C9; border-radius: 2px; -webkit-border-radius: 2px; }
#recover-password-top  input[type="submit"] { background: #FFF url('./../img/ico/keys.png'); width: 20px; height: 20px; border: none; margin-left: -2px; }
#recover-password-top input[type="button"] { background: #FFF url('./../img/ico/keys.png'); width: 20px; height: 20px; border: none; margin-left: -2px;  }


.form_myaccount h3 { background: #F9F9F9; margin: 10px 0; border-top: 1px solid #D9D9D9; }
.form_myaccount hr  { margin: 0;}
.form_label { color: #333; margin-left: 10px; padding: 4px; width: 125px; float: left; text-align: right; font-size: 13px; }
.form_fields { margin-bottom: 5px; margin-left: 140px;}
.form_fields input[type="text"], select, .form_fields input[type="password"] {border: 1px solid #C9C9C9; padding: 4px; width: 215px; }
.form_myaccount input.submit    { padding: 7px 26px;}
.form_fields select { width: 225px; }
.form_fields input[type="checkbox"] {border: none;}
.form-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(//static.nikonisti.ro/images/big-ajax-loader.gif) #666 no-repeat center center; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -ms-filter: alpha(opacity=70); z-index: 99;}

#person { cursor: pointer; float:right;}
#juridica input[type="text"] {background-color: #FFC;}
#account-login-create h3, #account-login h3 {background: #F9F9F9; margin: 10px; border-bottom: 1px solid #C9C9C9; }
#account-login-create  { float: left; width: 488px; margin: 25px 25px 25px 15px; min-height: 380px; background: #F9F9F9; border-bottom: 1px solid #C9C9C9; }
#account-login-create .submit  { padding: 5px 20px; margin: 5px; }

#account-login  { float: left; width: 400px; margin: 25px 15px 25px 25px; height: 380px; background: #F9F9F9; border-bottom: 1px solid #C9C9C9; }

#password-recovery label { width: 340px;}

.social-head        { height: 48px; margin-bottom:10px; padding: 5px; background: #F9F9F9; }
.social-head img    { float:left; }
.social-head p      { padding-top: 18px; margin-left: 58px; font-weight: bold; font-size: 15px; }


#termeni-conditii   {width: auto; height: 80px; float: left; overflow: auto; padding: 10px; border: 1px solid #F9F9F9; margin: 10px; color: #AAA;font-size: 10.5px; }

#message    { margin: 10px; padding: 5px; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; }
#message ol { margin: 5px 0 0 10px; font-weight: normal;}
.attention  { border: 1px solid #E2C822; background: #FFF9D7; margin: 5px; font-size: 12px; padding: 12px; font-weight: bold;}
.errors     { border: 1px solid #FF6161; background: #FFC3C3; }
.success    { border: 1px solid #72CB67; background: #DFFAD3; }
.inline-error   { padding: 4px; color: red !important }
.input-error    {background: #FFC3C3 !important; border: 1px solid #FF6161 !important}

#login-top-overlay { position: absolute; width: 367px; height: 24px; background: url(//static.nikonisti.ro/images/ajax-loader.gif) #fff no-repeat center center; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -ms-filter: alpha(opacity=80); z-index: 99;}

#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); }

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); }
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); }
	#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); }
}

.mgr20px { margin-right:20px !important; }
#headerbf { position:absolute; z-index:20; top:21px; left:563px; }
#headerbf .ended { background: #c0392b; }
#headerbf .countdown { margin:0px 0 0 0px; }
#headerbf .countdown div { display: inline-block; margin-left: 10px; font-size: 30px; font-weight: 100; line-height: 1; text-align: right; }
/* IE7 inline-block hack */
*+html .headerbf .countdown div{ display: inline; zoom: 1; }
#headerbf .countdown div:first-child { margin-left: 0; }
#headerbf .countdown div span { display: block; border-top: font-size: 12px; font-weight: normal; text-align: left; color:#FFF; }
#headerbf .countdown div span.boxcifra { display:block; letter-spacing:21px; text-align:left; padding:0 12px; width:64px; height:48px; line-height:48px; font-size:40px; color:#000; background:url(https://static.nikonisti.ro/images/site/bfpro2015/bgcifra-transparenta.png) repeat-x; }
#headerbf .countdown div span.boxlitera { display:block; margin-right:2px; float:left; text-align:center; width:42px; height:48px; line-height:48px; font-size:40px; color:#000; background:url(https://static.nikonisti.ro/images/site/bfpro2015/bgcifra-transparenta.png) repeat-x; }
#headerbf .countdown div span.boxcifratext { display:block; text-align:center; padding:0 12px; width:65px; height:48px; line-height:20px; font-size:12px; color:lightgray; }
