/* 
--------------------------------------------------------------------------------
Project: Status Pimp - Control Panel
Owner: X3 Studios
CSS Developer: Razvan Stavila
--------------------------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';	content: none;}
:focus { outline: 0; }
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.hide {display: none}

.clear { clear: both; height: 1px; font-size:1px; overflow:hidden; display: block;}

html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }
html { overflow-y: scroll; }

html,body { height: 100%; display: block }
body { 
	font-size: 1em;
	line-height: 1.4em;
	font-family: Arial, sans-serif;
	text-align: center;
	background: #fff url(../img/bg.png) repeat-x left top;
	color: #333333;
}

/* Headings */
h1 { padding-top: 7px; }
h2,h3,h4 { font-weight: bold; }
h2 { font-size: 2.08em; }
h3 { font-size: 1.33em; }

/* Tag style */
a img { border: none }
a { color: #4d0e46; text-decoration: underline }
a:hover { color: #F48100; text-decoration: underline }

em { font-style: normal }

dl { padding-top: 12px; }
dt { margin-bottom: 8px; }
dt span { font-weight: bold; }

form legend { display: none }
form b { font-weight: normal; }
form label { float: left; padding: 4px 10px 0 0; }
input,
select,
textarea { border: 1px solid #efd9b8; padding: 6px 8px; background: #fffced; font-weight: bold; font-size: 12px; font-family: Arial;  color: #380032 }
input.disabled {border: 1px solid #d7d7d7; background: #fcfcfc;}
select { padding: 5px 8px; max-width:230px }
select[disabled="disabled"],
input[disabled="disabled"] { border: 1px solid #ba9fab; background: white; color: #ba9fab }
input.button { padding: 0; border: none; background: transparent; width: auto; }
.vcolor {color: #72134d}

/* Table general style */
table { border-collapse: collapse; width: 100% }
table th { line-height: 1.6em }
table th,
table td { padding: 6px 5px; }
table tr td {line-height: 1.4em }
table tr.first td { border: 0; }


/* Table Lists */
.lst-top td { padding: 0; vertical-align: middle }
.lst-top .nr { font-size: 3.7em; line-height: 1em; padding: 0 6px 3px 6px; color: #cfeced; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
.lst-top tr.alt .nr { color: #afe0e2 }

/* Default BOX */
.cl-default { border: 1px solid #f0d2c1 }
.cl-default, .cl-default a { color: #72134d }

/* BOX Green  */
.cl-green h2 { background: #e3fce1; color: #567a34; border: 1px solid #c7dcc5; }
.cl-green .cl-initiate { border: 1px solid #c7dcc5; }
.cl-green .cl-initiate table td { border-bottom: 1px solid #c7dcc5; }

/* BOX Light Green  */
.cl-light-green h2 {background: #f3fcf2; color: #75945a; }
.cl-light-green h2,
.cl-light-green .cl-initiate  {border:1px solid #d5ebbd}
.cl-light-green .cl-initiate table td  {border-bottom:1px solid #d5ebbd}

/* BOX Light Orange */
.cl-light-orange h2 {background: #fef7e3; color: #b58b09}
.cl-light-orange h2,
.cl-light-orange .cl-initiate  {border:1px solid #f9dc86}
.cl-light-orange .cl-initiate table td  {border-bottom:1px solid #f9dc86}

/* BOX Light Gray */
.cl-light-gray h2 {background: #f0f0f0; color: #424242}
.cl-light-gray h2,
.cl-light-gray .cl-initiate  {border:1px solid #dddddd}
.cl-light-gray .cl-initiate table td  {border-bottom:1px solid #dddddd}

/* BOX Light Blue */
.cl-light-blue h2 {background: #e1fcfa; color: #2c5a6d}
.cl-light-blue h2,
.cl-light-blue .cl-initiate  {border: 1px solid #cfddfc}
.cl-light-blue .cl-initiate table td  {border-bottom: 1px solid #cfddfc}

/* BOX colored - Campanii */
.cl-camp h2 {
	padding: 17px 20px; margin: 0; cursor: pointer;	position: relative; line-height: 1.2em; font-weight: normal;
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; 
}
.cl-camp h2 span {font-weight: bold;}
.cl-camp h2 img { position: absolute; right: 20px; top: 20px;}
.cl-camp .cl-initiate {
	border-top: none; margin-top: -2px; color: #666666;
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
}
.cl-camp .cl-initiate h3 { line-height: 1.6em; }
.cl-camp .cl-initiate a { color: #72134d }
.cl-camp .cl-initiate a:hover { color: #f48100;}
.cl-camp table td { border: none; padding: 15px 0; vertical-align: middle }
.cl-camp table tr.alt td { background: none; }
.cl-camp table td.t { padding-left: 20px; }
.cl-camp table td.t span { font-size: 14px}
.cl-camp table td.o { vertical-align: top;}
.cl-camp table td.o,
.cl-camp table td.o div.od { width: 95px; margin-right: 20px; }
.cl-camp table td.o div.od {float:right;}
.cl-camp table td.o div.od div {float: right; width:20px; height:20px; overflow: hidden; margin-left: 3px}
.cl-camp table td.o div.od div a { text-indent: -9000px; display: block; width:564px; height:240px; background: url(../img/icons/icons.png); cursor:pointer }

.cl-camp table td.o div.od div.edit a { margin-left: -60px; margin-top: -100px }
.cl-camp table td.o div.od div.edit a:hover {margin-left: 0; margin-top: -100px }
.cl-camp table td.on div.od div.edit a { margin-left: -20px; margin-top: -100px }

.cl-camp table td.o div.od div.pause a { margin-left: -140px; margin-top: -140px }
.cl-camp table td.o div.od div.pause a:hover { margin-left: -80px; margin-top: -140px }
.cl-camp table td.on div.od div.pause a { margin-left: -100px; margin-top: -140px }

.cl-camp table td.o div.od div.play a { margin-left: -60px; margin-top: -60px }
.cl-camp table td.o div.od div.play a:hover { margin-left: 0; margin-top: -60px }
.cl-camp table td.on div.od div.play a { margin-left: -20px; margin-top: -60px }

.cl-camp table td.o div.od div.plus a { margin-left: -60px; margin-top: -20px }
.cl-camp table td.o div.od div.plus a:hover { margin-left: 0; margin-top: -20px }
.cl-camp table td.on div.od div.plus a { margin-left: -20px; margin-top: -20px }

.cl-camp table td.o div.od div.minus a { margin-left: -60px; margin-top: 0 }
.cl-camp table td.o div.od div.minus a:hover { margin-left: 0; margin-top: 0 }
.cl-camp table td.on div.od div.minus a { margin-left: -20px; margin-top: 0 }

.cl-camp table td.o div.od div.sterge a { margin-left: -60px; margin-top: -220px }
.cl-camp table td.o div.od div.sterge a:hover { margin-left: 0; margin-top: -220px }
.cl-camp table td.on div.od div.sterge a { margin-left: -20px; margin-top: -220px }

.cl-camp table td.o div.od div.stop a { margin-left: -140px; margin-top: -120px }
.cl-camp table td.o div.od div.stop a:hover { margin-left: -80px; margin-top: -120px }
.cl-camp table td.on div.od div.stop a { margin-left: -100px; margin-top: -120px }

.cl-camp table td.c div.per-clicks { background: url(../img/ui/percent-bar-campaigns.png); width: 181px; height: 18px; margin-bottom: 3px; position: relative; overflow: hidden }
.cl-camp table td.c div.per-clicks .p0 { position: absolute; width: 181px; left: 0; top: 0; background: url(../img/ui/percent-bar-campaigns.png); height: 18px; }
.cl-camp table td.c div.per { background-position: 0 -36px; }
.cl-camp table td.c div.per .p0 { left: 6px; background-position: 100% -54px; }

.cl-camp .cnt { padding: 0!important; width: 628px!important }

/* Editeaza Campanii */
.cnt100b .heading,
.cl-edit .heading,
.cl-stats .heading {
	background: #fef7e3; border-bottom: 1px solid #f0d2c1; padding: 10px 20px;	
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; 
}
.cnt100b .heading { padding: 20px; margin-bottom: 20px;}

.cl-edit .heading a,
.cl-stats .heading a {font-weight: bold;}
.cl-edit .cnt,
.cl-stats .cnt {position: relative}
.cl-edit .title,
.cl-stats .title {width:390px; margin-bottom: 15px;}
.cl-stats .title {width:390px;margin:0}
.cl-edit .btn-edit,
.cl-stats .btn-edit {position: absolute; right:20px; top: 20px; width: 220px;}
.cl-edit .btn-edit a,
.cl-stats .btn-edit a,
.cl-edit .btn-edit .exe-btns,
.cl-stats .btn-edit .exe-btns { margin:0 0 3px 0; float: right}
.cl-edit .btn-edit a.floatright,
.cl-stats .btn-edit a.floatright { color:#f48100; font-weight: bold; }
.cl-edit .btn-edit a.floatright:hover,
.cl-stats .btn-edit a.floatright:hover { color: #72134d;}

.cl-edit h2,
.cl-stats h2 {font-size:20px; margin-bottom: 4px; margin-top: 3px;}
.cl-edit h3,
.cl-stats h3 { font-size:18px; font-weight: normal}
.cl-edit .separr { background: url(../img/arrows-down.png) 50% 100% no-repeat; height: 35px; margin-bottom: 20px }
.cl-edit .camp-few-stats {margin-top: 12px;}
.cl-edit .camp-few-stats td {color: #3d3d3d; padding:0}
.cl-edit .camp-few-stats td em {font-size: 18px;}

.cl-edit .clicks {margin-top: 20px;}
.cl-edit .clicks h3 {margin-bottom: 8px;}
.cl-edit div.clicks div.per-clicks { background: url(../img/ui/percent-bar-campaigns-m.png); width: 589px; height: 23px; position: relative; overflow: hidden }
.cl-edit div.clicks div.per-clicks .p0 { position: absolute; width: 589px; left: 0; top: 0; background: url(../img/ui/percent-bar-campaigns-m.png); height: 23px; }
.cl-edit div.clicks div.per-clicks span { display: none}
.cl-edit div.clicks div.per { background-position: 0 -46px; }
.cl-edit div.clicks div.per .p0 { left: 34px; background-position: 100% -23px; }
.cl-edit div.clicks div.per span { display: block; float: right; padding-top: 3px; position: relative; right: 43px; font-weight: bold; color: #fff }
.cl-edit .recom h3 {margin-bottom: 10px;}
.cl-edit .recom p {color: #575757; line-height: 1.8em}
.cl-edit .recom span {font-size: 18px;font-weight: bold;}

/* Statistici */
.cl-drop-stats h3 { font-size: 18px; padding: 20px 0 0 0; position: relative; cursor: pointer; font-weight: normal; }
.cl-drop-stats h3 span {font-weight: bold;}
.cl-drop-stats h3 em {font-size: 12px; color: #666666}
.cl-drop-stats h3 img { position: absolute; right: 0; top: 19px;}
.cl-drop-stats .cnt {padding-top: 0!important}
.cl-drop-stats .cl-initiate { margin-top: 10px;}
.cl-drop-stats .op {margin-bottom: 20px;}
.cl-drop-stats .op select { margin-right: 10px;}
.cl-drop-stats .op input { margin-right: 5px;}
.cl-drop-stats .op label {margin-right: 5px;}
.cl-drop-stats .lst { margin: 0 -19px 0 -20px; }
.cl-drop-stats table th {white-space: nowrap;}
.cl-drop-stats table th,
.cl-drop-stats table td { border-bottom: 1px solid #f0d2c1; font-size: 14px;}
.cl-drop-stats table td { color: #666666 }
.cl-drop-stats table th,
.cl-drop-stats table td { padding-top: 4px; padding-bottom: 4px; padding-right: 20px;}
.cl-drop-stats table th.ft,
.cl-drop-stats table td.ft { padding-left: 20px; }
.cl-drop-stats table td.week-start { background: url(../img/icons/icn-arr-down-s.png) no-repeat 2px 0; }
.cl-drop-stats table td.st { font-size: 12px; color: #bcbcbc;}
.cl-drop-stats table td.clicks { vertical-align: middle; width: 135px;}
.cl-drop-stats .per-area { width: 135px; height: 20px;}
.cl-drop-stats .clicks .per-clicks {background: #fffaee; width: 100%; height: 20px; position: relative;}
.cl-drop-stats .clicks .per-clicks .p0 { width: 100%; height: 20px;background: #fce8dd  }
.cl-drop-stats .clicks .on {background: #79195c;}
.cl-drop-stats .clicks .on .p0 {background: #f27700}

.gotonextpg { padding: 15px 20px 0 20px; float: right }
.gotonextpg a { padding: 0 16px 0 0; font-weight: bold; font-size: 14px; background: url(../img/icons/icn-next-off-s.png) 100% 4px no-repeat; }
.gotonextpg a:hover {background: url(../img/icons/icn-next-on-s.png) 100% 4px no-repeat; }

.gotoprevpg { padding: 15px 20px 0 20px; float: left }
.gotoprevpg a { padding: 0 0 0 16px; font-weight: bold; font-size: 14px; background: url(../img/icons/icn-prev-off-s.png) 0 4px no-repeat; }
.gotoprevpg a:hover {background: url(../img/icons/icn-prev-on-s.png) 0 4px no-repeat; }

.stats-drop-success td.ft { font-size: 12px; }
.stats-drop-success td.ft a,
.stats-drop-regions td.ft a {color: #666666}
.stats-drop-success td.ft a:hover,
.stats-drop-regions td.ft a:hover {color: #f48100;}
.stats-note { font-size: 11px; color: #b2b2b2}
.stats-note p { line-height: 1.4em; margin-left: 20px;}

.andstats td.t {width: 370px}
.andstats td.c div.active_stats,
.andstats td.c div.passive_stats,
.andstats td.c div.final_stats {float: right; margin-right: 20px}
.andstats td.c div.passive_stats,
.andstats td.c div.final_stats { width: 180px}

/* Adauga campanie noua */
.add-campaign .topheading { position: relative; width: 100%; color: #72134d; margin-top: 20px; }
.add-campaign .topheading h2 { padding: 0 0 0 20px; }
.add-campaign .topheading a { color: #72134d; position: absolute; right: 20px; top: 10px; font-weight: bold; font-size: 14px; color:  }
.add-campaign .topheading a:hover { color: #f48100;}
.add-campaign h2 { font-size: 30px; margin-bottom: 25px; }
.add-campaign h3 { font-size: 24px;}
.add-campaign h4 {font-size: 15px; font-weight: bold; color:#72134d; line-height: 1.6em}
.steps {margin-bottom: 25px; padding-bottom: 1px;}
.steps td { font-size: 15px; color: #72134d; font-weight: bold; padding: 8px 20px 9px 0; text-align: center; background: #fef7e3 url(../img/steps-next.png) 100% 0 no-repeat; }
.steps td.last {background: #fef7e3 url(../img/steps-last.png) 100% 0 no-repeat;}
.add-campaign #step1,
.add-campaign #step2,
.add-campaign #step3,
.add-campaign #step4 { position: relative }
.add-campaign .cnt100b { margin-bottom: 20px;}
.add-campaign .cnt100b .item {margin-bottom: 20px; color: #666666;}
.add-campaign .cnt100b .item input,
.add-campaign .cnt100b .item select {float: left}
.add-campaign .cnt100b .item label {font-size: 14px; margin-right: 10px; float: left; padding-top:6px; width: 120px;}
.add-campaign .cnt100b .l-jud h4 {margin-bottom: 12px;}
.add-campaign .cnt100b .l-jud select { margin-right: 12px;}
.add-campaign .cnt100b .l-jud label { width: 60px}
.add-campaign .cnt100b .item .remchar { float: left; padding-top:6px; padding-left: 10px; font-style: italic;}
.add-campaign .cnt100b .item .lst {padding-top: 20px;}
.add-campaign .cnt100b .item .lst li { display: block; padding-bottom: 12px; }
.add-campaign .cnt100b .item .ex {font-size: 11px; margin-left: 140px; display: block; padding-top: 5px; }
.add-campaign .cnt100b .item .fop { float: left; margin-top: 6px;}
.add-campaign .cnt100b .item .st2-t1 {float: left; width: 150px; }
.add-campaign .cnt100b .item .st2-t2 {float: left; }
.add-campaign .cnt100b .item .st2-t1 div { margin-bottom: 5px;}
.add-campaign .cnt100b .item .st2-t1 h4 { margin-bottom: 10px; }
.add-campaign .cnt100b .item .st2-t2 h4 { margin-bottom: 25px; }
.add-campaign .cnt100b .item .st2-t1 label { float: none; padding-left: 7px; padding-top: 0; line-height: 18px; }
.add-campaign .cnt100b .item .st2-t1 .lst label {  margin-right: 10px; float: left; padding-top:6px; width: 100px; margin-left: 17px;}
.add-campaign .cnt100b .item .st2-t1 .lst .remchar { font-style: normal;}
.add-campaign .cnt100b .item .st2-t2 span#amount {padding-left: 20px; color: #3d3d3d}
.add-campaign .cnt100b .item .all-cats-area { margin-top: 20px}
.add-campaign .cnt100b .item .all-cats {display: inline}
.add-campaign .cnt100b .item .all-cats div { float: left; width: 290px; padding-bottom: 7px;}
.add-campaign .cnt100b .item .all-cats div label { float: none; padding-left: 6px}
.add-campaign .cnt100b .l-perioada .st2-t1 { width: auto; float: none; }
.add-campaign .cnt100b .l-perioada .st2-t1 .first {margin-bottom: 25px;}
.add-campaign .cnt100b .l-perioada .st2-t1 div label {font-weight: bold;}
.add-campaign .cnt100b .l-perioada .st2-t1 .first span.nfo { padding-left: 24px;}

.add-campaign .cnt100b .wrap-itarget { position: absolute; margin-top: -55px; margin-left: 690px; background: #fff; height: 195px; width: 248px; }
.add-campaign .cnt100b .wrap-iclicks { width: 482px; margin-top: 7px; margin-left: 430px; height: auto; }
.add-campaign .cnt100b .wrap-confirm { margin-top: 7px; }
.add-campaign .cnt100b .itarget { width: 228px; height: 195px; background: #fef8e7; border: 1px solid #f9dc86; overflow: hidden; }
.add-campaign .cnt100b .wrap-iclicks .itarget { width: 482px; text-align: center; height: auto; font-size: 14px; }
.add-campaign .cnt100b .wrap-iclicks .itarget .floatleft { padding: 35px 0 35px 20px; width: 240px;  border-right: 1px solid #f9dc86; text-align: left; color: #f16200 }
.add-campaign .cnt100b .wrap-iclicks .itarget .floatright { padding: 35px 0 35px 20px; width: 200px; border-left: 1px solid #f9dc86; text-align: left; position: relative; left: -1px; }
.add-campaign .cnt100b .wrap-iclicks .itarget .clicks { font-size: 24px; font-weight: bold; padding: 5px 0 }
.add-campaign .cnt100b .wrap-iclicks .itarget .zeroclicks {color: #f10000}
.add-campaign .cnt100b .wrap-iclicks .itarget .noclicks,
.add-campaign .cnt100b .wrap-iclicks .itarget .noclicks a { font-size: 12px; color: #f10000 }
.add-campaign .cnt100b .wrap-iclicks .itarget .noclicks a:hover {color:#f48100;}

.add-campaign .cnt100b .itarget .cnt { padding: 20px;}
.add-campaign .cnt100b .itarget .cnt p {font-size:15px;font-weight: bold;}
.add-campaign .cnt100b .itarget .cnt p.p2 {margin-top: 25px;}
.add-campaign .cnt100b .itarget .cnt p span { display: block; font-size:36px; margin: 10px 0 10px 0}

.add-campaign .cnt100b .l-budget .st2-t1 { width: 415px;}
.add-campaign .cnt100b .l-budget .st2-t1 h4 {margin-bottom: 0}
.add-campaign .cnt100b .l-budget .st2-t1 .bgt input { margin-bottom: 5px;}
.add-campaign .cnt100b .l-budget .st2-t1 .bgt .floatleft { width: 170px; margin-top: 6px; }
.add-campaign .cnt100b .l-budget .st2-t1 .bgt .floatleft input { margin: 0}
#step3 .bgt span.error-message { margin-left: 170px}
#step3 .l-perioada .lst span.error-message { margin-left: 145px}
.add-campaign .cnt100b .l-budget .bgt { margin-top: 20px;}
.add-campaign .cnt100b .l-budget .bgt .remchar { font-style: normal;}

.add-campaign .cnt100b .l-confirm h3 {color:#72134d; line-height: 1.2em}
.add-campaign .cnt100b .l-confirm h4 { margin-top: 20px; margin-bottom: 6px; }
.add-campaign .cnt100b .l-confirm li {color: #3d3d3d; padding-bottom: 8px;}

.add-campaign .cnt100b .overlay-steps { position: absolute; left:-1px; top:-1px; width: 960px; background: white; z-index: 1000}
.add-campaign .cnt100b .master_message,
.add-campaign .cnt100b .master_info { display: inline; margin-top: 20px; }
.add-campaign .cnt100b .master_message .cp-alert,
.add-campaign .cnt100b .master_info .cp-alert { margin-left: 20px; }
.add-campaign .cnt100b .master_message .cnt100,
.add-campaign .cnt100b .master_info .cnt100 {width: 918px}

.add-campaign .navigation {width: 920px; overflow: hidden;}
.add-campaign .navigation .prevstep {margin-top: 13px;margin-right: 20px;}
.add-campaign .navigation .prevstep a { font-size: 15px; font-weight: bold; }

.add-campaign #step4.cnt100b .wrap-itarget { margin-left: 630px; width: 288px }
.add-campaign #step4.cnt100b .itarget {width: 288px; margin-bottom: 15px;}
.add-campaign #step4.cnt100b .percamp,
.add-campaign #step4.cnt100b .budgcamp { height: auto; width: 288px; border: 1px solid #f0d2c1; background: #fff}
.add-campaign #step4.cnt100b .percamp h3,
.add-campaign #step4.cnt100b .budgcamp h3 {font-size: 18px; font-weight: normal; margin-bottom: 10px;}
.add-campaign #step4.cnt100b .percamp .cnt,
.add-campaign #step4.cnt100b .budgcamp .cnt { padding: 15px 20px }
.add-campaign #step4.cnt100b .itarget .camp-few-stats td { width: 50%; color: #3d3d3d; padding: 0}
.add-campaign #step4.cnt100b .itarget .camp-few-stats td em { font-size: 18px;}

.add-campaign .cnt100b .l-confirm { float: left; width: 600px}
.add-campaign .cnt100b .wrap-confirm { float: right; width: 290px;  }

/* Adaugare campanie erori */
#step1 span.error-message,
#step3 span.error-message,
#step1-edit span.error-message { clear: both; display: block; margin-left: 140px; padding-top: 3px; color: #fe5300; }
#step1 input.error-message,
#step3 input.error-message,
#step1-edit input.error-message { border: 1px solid #fe5300; }

/* Alert Friendly cnt */
.alert-friendly, .alert-friendly a { color: #479093 }
.alert-friendly { background-color: #eff9f9; border: 1px solid #afe0e2 }
.alert-friendly, .alert-friendly a { color: #479093 }

/* Alert Error cnt */
.alert-error, .alert-error a { color: #bf3c1f }
.alert-error { background-color: #ffeeea; border: 1px solid #ffcbbf }

/* Alert Warning cnt */
.alert-warning, .alert-warning a { color: #b58b09 }
.alert-warning { background-color: #fef8e7; border: 1px solid #f9dc86 }

.cl-default a:hover,
.alert-friendly a:hover,
.alert-error a:hover,
.alert-warning a:hover { color: #f48100; }

/* Layout */
html > body #minHeight {
	float:right;
	height:100%;
	margin-bottom:-253px;
	width:0;
}
#cp-wrapper { 
	margin-bottom: -253px; 
	font-size: 0.75em; 
	text-align: left;
	min-height: 100%;
}
#cp-container { width: 960px; margin: 0 auto; overflow: hidden; }
#cp-main-content { margin-top: 30px; }
#cp-header { position: relative; height: 85px; }

/* Main Navigation */
#cp-main-nav { position: absolute; left: 180px; top: 34px; }
#cp-main-nav li { float: left; color: #fff; margin: 0 7px 0 5px; }
#cp-main-nav li img { float: left; position: relative; margin-top:-4px;}
#cp-main-nav li a { float: left; display: block; color: #fff; text-decoration: none }
#cp-main-nav li a:hover { text-decoration: underline }
#cp-main-nav li a span { display: block; padding-top: 4px; padding-bottom: 9px; }
#cp-main-nav li.active { margin-right: 5px; }
#cp-main-nav li.active a { background: transparent url(../img/ui/bg-menu-l.gif) no-repeat left top; padding-left: 5px; color: #6f143f; }
#cp-main-nav li.active a:hover { text-decoration: none; cursor: default }
#cp-main-nav li.active a span { background: transparent url(../img/ui/bg-menu-r.gif) no-repeat right top; padding-right: 10px; padding-left: 0 }

/* Top Navigation */
#cp-top-nav { position: absolute; right:25px; top: 3px; }
#cp-top-nav a { margin-left: 10px; font-size: 0.89em; color: #6e1464; text-decoration: none }
#cp-top-nav a:hover { text-decoration: underline; }

/* Footer */
#cp-footer { 
	width: 100%; 
	text-align: left; 
	font-size: 0.75em; 
	background: url(../img/bg-footer.gif) repeat-x left 30px; 
	height: 253px;
	position: relative;
	clear: both;
	min-width: 960px
}
#clearfooter { clear: both; height: 253px; }
#cp-footer .cp-foooter-area { position: relative; width: 960px; margin: 0 auto; padding-top: 105px; color: #ba9fab; }
#cp-footer a { color: #8e8e8e; text-decoration: underline }
#cp-footer a:hover { color: #4d0e46; }
#cp-footer .nav-bottom a { color: #2f2f2f; margin-right: 15px;  }
#cp-footer .nav-bottom a:hover { text-decoration: underline; color: #4d0e46 }
#cp-footer .createdby { width: 300px; height: 28px; margin-top: 25px; padding-left: 70px; background: url(../img/logo-x3-sr.png) no-repeat left top; }
#cp-footer .createdby a { float: left; display: block; width: 135px; height: 28px; text-indent: -9000px; margin-right: 25px }
#cp-footer .createdby .createdby-sp { margin: 0; width: 125px; }
#cp-footer .cp-footer-credits { color: #8e8e8e; font-size: 0.94em; line-height: 1.4em; margin-top: 15px; }
/*#cp-footer .cp-footer-payments { padding: 10px 0; background: url(../img/credits.png) no-repeat 150px center; }
#cp-footer .cp-footer-payments span { display: none }
#cp-footer .cp-footer-verified { position: absolute; right:20px; top:40px; padding: 10px 80px 10px 0; background: url(../img/verifiers.png) no-repeat right center; }
#cp-footer .cp-footer-verified span { display: none }*/

/* Containers */
.cnt100,.cnt90,.cnt80,.cnt50,.cnt20 { float: left; display: block; margin-bottom: 10px; }

.cnt100 { width: 960px; }
.cnt100b { width: 958px; }
.cnt80 { width: 628px; }
.cnt60 { width: 586px; }
.cnt20 { width: 308px; }

.cnt100b .cnt { padding: 0 20px 20px 20px; }
.cnt80 .cnt { padding: 20px 20px; }
.cnt20 .cnt { padding: 22px 10px 17px 10px; }

.cp-tabs { padding: 0; }

.col80 { width: 630px; }
.col20 { width: 310px; }

.cnt-shd { padding: 5px 0 }

.cnt { position: relative; display: block; line-height: 1.4em; }
.cnt80 .cnt { width: 590px; }
.cnt20 .cnt { width: 290px; }
.cnt10 .cnt { width: 250px; padding: 15px }

/*------------------------------------------------------------------------------
ALERT BOXES
*/
.cp-alert { position: relative; padding: 12px 0; background-repeat: no-repeat; background-position: 18px 7px; }
.cp-alert .cnt { padding: 3px 20px; }
.cp-alert h3,
.cp-alert p { padding: 0 60px 0 60px; }
.cp-alert h3 { padding-bottom: 5px; font-size: 16px; }
.cp-alert p { line-height: 1.4em; font-size: 14px }
.cp-alert p a { font-weight: bold; }
.alert100 { width: 958px; }
.sub_info .cp-alert { background-position: 18px 10px }
.cp-alert .close-alert-panel { 
	position: absolute; 
	right:10px; 
	top: 10px;
	display: block;
	background: url(../img/icons/icons.png) no-repeat 0 0;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}
.sub_info .cp-alert .close-alert-panel { top: 12px; }
.alert-error { background-image: url(../img/icons/icn-alert-error.png); }
.alert-warning { background-image: url(../img/icons/icn-alert-warning.png); }
.alert-friendly { background-image: url(../img/icons/icn-alert-friendly.png); }

.alert-error .close-alert-panel { background-position: -80px -200px }
.alert-error .close-alert-panel:hover { background-position: -100px -200px }
.alert-warning .close-alert-panel { background-position: -120px -200px }
.alert-warning .close-alert-panel:hover { background-position: -140px -200px }
.alert-friendly .close-alert-panel { background-position: -160px -200px }
.alert-friendly .close-alert-panel:hover { background-position: -180px -200px }

.alert-inside { width: 520px; padding: 20px 0 20px 40px; background: transparent url(../img/icons/icn-alert-white.png) no-repeat 0 center; font-size: 1.17em; }
.alert-inside,
.alert-inside a { color: #fe5300; }
.alert-inside a { font-weight: bold; }

.cp-tabs .cp-alert { margin: 20px 0 0 0; width: auto; width: 586px; }
.master_message .cp-alert { background-position: 18px 10px }

/* -----------------------------------------------------------------------------
WIDGETS
*/
.btn-add-campaign a { display: block; width: 310px; height: 59px; background: url(../img/buttons/btn-add-campanie.png); margin-bottom: 10px; }
.btn-add-campaign a:hover { background-position: 0 -59px; }
.btn-add-campaign a span { display: none }

/* Campanii, Statistici si Profilul tau  */
#widget-cp-adv-campaigns .cnt-alert,
#widget-cp-adv-stats .cnt-alert,
#widget-cp-adv-profile .cnt-alert { font-size: 1.17em; color: #666666; width: 100% }
#widget-cp-adv-campaigns .cnt-alert p,
#widget-cp-adv-stats .cnt-alert p,
#widget-cp-adv-profile .cnt-alert p { line-height: 1.4em; }
#widget-cp-adv-campaigns .cnt-alert p span,
#widget-cp-adv-stats .cnt-alert p span { color: #72134d }
.cl-dash .sep { margin: 12px -18px 0 -20px; background: url(../img/ui/sep-shadow.gif) repeat-x 0 0 }
.cl-dash .link { text-align: right; line-height: 1em!important }
.cl-over .cnt-alert { color: #380032!important }

#widget-cp-adv-campaigns h2,
#widget-cp-adv-stats h2,
#widget-cp-adv-profile h2 { margin-bottom: 15px; }

.cnt20 h2 { font-size: 1.75em; padding-bottom: 15px; padding-left: 10px }
.cnt20 h2 a { font-size: 0.53em; font-weight: normal; }

#widget-cp-adv-info { position: absolute; right: 0; top: 37px; color: #fff }
#widget-cp-adv-info a { color: #fff}
#widget-cp-adv-info a:hover { text-decoration: none}

/* Cate clickuri ai */
#widget-cp-adv-clicks.cl-default { background-color: #fffbee; text-align: center; font-size: 14px; }
#widget-cp-adv-clicks h2 { color: #f48100; font-size: 28px; line-height: 0.9em; margin: 0 0 10px 0; padding: 0 }
#widget-cp-adv-clicks h2 span { display: block; font-size: 18px;  }
#widget-cp-adv-clicks .disp { line-height: 1.4em}
#widget-cp-adv-clicks .disp span,
#widget-cp-adv-clicks h2 span span
 {border-bottom: 1px dashed #b2afa6; display: inline; cursor: default;}
#widget-cp-adv-clicks a {font-size: 12px;}

/* Articole utile */
#widget-cp-adv-articles ul { margin: 0 0 0 10px;}
#widget-cp-adv-articles li { display: block; margin-bottom: 12px; }
#widget-cp-adv-articles li.last { margin: 0; }
#widget-cp-adv-articles li span { color: #666666}
#widget-cp-adv-articles li span span { font-weight: bold; }

/* Pimp News Network */
#widget-cp-pimp-news { position: relative; }
.slide,
.slide-s { position: relative; height: 90px; width: 270px; margin: 0 0 0 10px; overflow: hidden }
.slide .items,
.slide-s .items { width: 10000px; height: 90px; position: absolute; top: 0; left:0; }
.slide .items div,
.slide-s .items div { width: 280px; height: 90px; float: left; margin-right: 20px; color: #333333 }
.slide .items div a,
.slide-s .items div a { color: #f48100; }
.navitems { position: absolute; right: 20px; top: 20px; height: 20px; }
.navitems div { background: url(../img/icons/icons.png) no-repeat 0 0; float: left; width: 20px; height: 20px; margin-left: 3px; cursor: pointer }
.navitems .prev { background-position: 0 -80px; }
.navitems .prevhover { background-position: -20px -80px; }
.navitems .next { background-position: 0 -60px; }
.navitems .nexthover { background-position: -20px -60px; }
.navitems .first-item { background-position: -40px -80px; }
.navitems .last-item { background-position: -40px -60px; }

.window .slide-s,
.window .slide-s .items div { width: 450px; }
.window .slide-s,
.window .slide-s .items,
.window .slide-s .items div { height: 220px; }

.window .navitems .prev-s { background: url(../img/icons/icn-prev-modal.png) no-repeat 0 0; }
.window .navitems .next-s { background: url(../img/icons/icn-next-modal.png) no-repeat 0 0; }
.window .navitems .prev-s { background: url(../img/icons/icn-prev-modal.png) no-repeat 0 0; }
.window .navitems .nexthover { background: url(../img/icons/icn-next-modal-on.png) no-repeat 0 0; }
.window .navitems .prevhover { background: url(../img/icons/icn-prev-modal-on.png) no-repeat 0 0; }
.window .navitems .first-item { background: url(../img/icons/icn-prev-modal-off.png) no-repeat 0 0; }
.window .navitems .last-item { background: url(../img/icons/icn-next-modal-off.png) no-repeat 0 0; }
.window .navitems { top: -18px; right: 60px }


/* -----------------------------------------------------------------------------
PIMPIN' SETTINGS 
*/
#cp-settings .first-level-tab li.first-tab a,
#cp-friends .first-level-tab li.second-tab.ui-tabs-selected a { background: white }
#cp-settings .first-level-tab li.first-tab.ui-tabs-selected { border-right-width: 1px!important }

/* General classes */
.clear { 
	clear: both; 
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: -2px 0 0 0;
	width: 1px;
	overflow: hidden;
}
.floatleft { float: left; }
.floatright { float: right; }
.posabs-l { position: absolute; top: 0; left: 0 }
.posabs-r { position: absolute; top: 0; right: 0 }
.more { font-weight: bold; font-size: 0.92em; line-height: 1.6em }
.widget-icon { position: absolute; right: 15px; top: 10px }
.widget-help { position: absolute; right: 10px; top: 10px }
.buttons-area { padding: 15px 20px 15px 20px; border-top: 1px solid #faf0e9 }

/* MARGINS */
.mtop10 { margin-top: 10px; }
.mtop20 { margin-top: 20px; }
.mtop20-add { margin-top: 20px; }
.mtop20-edit { margin-top: 0!important; }

/* CORNER RADIUS */
.cnt100b,
.cnt80,
.cnt20,
.cnt10,
.divtab .ui-tabs,
input,
select,
textarea,
.cp-alert,
.itarget,
.simplemodal-container { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius:  4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.divtab .ui-tabs .ui-tabs-nav { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius:  2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; }
.ui-corner-top a { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius:  4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }

/* Opacity */
.cp-tabs table tr.inactive td.status img,
.slideinactive #sld-change-status { opacity: .3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); }

.underdev a { text-decoration: none!important; color: #cfac7c!important }

/* Opacity Mouse over */
#cp-adauga-status a:hover img,
.options a:hover img
{ opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }

.btns { border-top: 1px dotted #8d8d8d; padding-top: 10px; margin-top: 15px }
.btns input { 
	background: #8d8d8d; 
	border: none; 
	color: white; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.96em; 
	cursor: pointer; 
}
/* Modify Information buttons */
.btn-area { line-height: 32px; position: relative; margin-bottom: 20px;}
.btn-area p { 
	padding: 8px 0 8px 12px;
	//padding: 9px 0 9px 12px;
	margin-right: 10px;
	display: inline!important; 
	float: none!important; 
	background: url(../img/buttons/btn.png) no-repeat left top;
	width: auto!important;	
	font-size: 1em!important;	
}
*html .btn-area p { zoom: 1; padding: 0 6px 0 12px; position: relative }
.btn-area p a { color: white!important; font-size: 0.83em; margin-right: 6px; padding-bottom: 8px; text-decoration: none }
.btn-area p a:hover { text-decoration: none }
.btn-area p ins { 
	position: absolute;
	top: 0;
	height: 32px;
	width: 6px;
	font-size: 1px;
	background: url(../img/buttons/btn-r.png) no-repeat 0 0; 
}
* html .btn-area p ins { right: -1px }

/* Other Buttons */
.exe-btns { margin-top: 3px; }
.exe-btns a { background: #79195c url(../img/buttons/bg-btn.png) no-repeat 0 0; display: block; margin-right: 5px; overflow: hidden; position: relative; float: left; color: white; font-size: 14px; text-decoration: none }
.exe-btns span { display: block; padding: 12px 10px; color: white; font-weight: bold; cursor: pointer; line-height: 1 }
.exe-btns a:hover { background-color: #ffa414; text-decoration: none }

.add a { font-size: 12px; }
.add span { padding: 8px 40px 8px 10px; line-height: 1.2 }
.add em { position: absolute; margin-left: 100%; left: -40px; top: 7px; width: 34px; height: 23px; overflow: hidden; cursor: pointer }
.add a.text em { background: url(../img/icons/icn-text-add.png); height: 21px }
.add a.text:hover em { background: url(../img/icons/icn-text-add-on.png); }
.add a.rss em { background: url(../img/icons/icn-rss-add.png); }
.add a.rss:hover em { background: url(../img/icons/icn-rss-add-on.png); }

#tip	{	width:191px; overflow:hidden; position:absolute; z-index:3; display:none}
#tip b	{	display:inline; float:left; width:171px}
.tip_c	{	display:inline; float:left; width:171px}
.tip_s	{	background:url(../img/ui/tip_s.png) no-repeat; height:13px; overflow:hidden}
.tip_m	{	width:155px !important; padding:0 8px; background:#79195c; color:white; font-size:11px; text-align:left; line-height:15px}
.tip_j	{	background:url(../img/ui/tip_j.png) no-repeat; height:7px}

.captcha {height:46px}
.captcha img { float: left;}
.captcha span {float: left; width: 200px;padding-left: 10px}

.target-locate { position: relative; margin-bottom: 40px; margin-left: 140px }
.target-locate div {  }
#target_city_div div { clear: both }
#target_city_div div:first-child { clear: none }
#target_regions_div { clear: none }
.target-locate select, #campaigns_target { margin-bottom: 10px; }
.target-locate .add-option { /*position: absolute; left: 130px; top: -34px;*/ clear: both }
.target-locate .remove-locate { float: left; margin: 7px 10px 0 0; }
.add-campaign .cnt100b .item { margin-bottom: 40px }

.cl-reduction { float: left; margin-left: 20px; margin-bottom: 20px; overflow: hidden; padding-top: 10px }
#buy-checkout { float: right; margin-top: 10px; margin-right: 10px }
#act_reduction { margin-left: 10px; display: inline-block; padding: 10px 0 5px}
/*.cl-buy form .cl-reduction .exe-btns { float: left; margin-top: 0; position: relative;  margin-left: 10px }*/
.cl-buy form .cl-reduction label { padding-top: 10px; margin-right: 10px; font-weight: bold; color: #F05B00; font-size: 14px }
.cl-buy form .cl-reduction input { padding: 11px 8px 9px; width: 210px; font-size: 14px }
.cl-buy form .cl-reduction label,
.cl-buy form .cl-reduction input { float: left !important; }
.cl-buy form #message { font-weight: bold; color: #f10000; margin-top: 14px; margin-left: 140px; display: block }

.recalcul { color: #F05B00 }