@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(style.colors.css);
@import url(simply-toast.min.css);
@import url(style.accordionmenu.css);
@import url(style.responsive.css);
/* GENERAL STYLES */

body { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif;  font-weight:400; font-size:100%; height: 100%; }
html {height:100%; }
#wrapper { position:absolute; width: 100%;overflow: visible;  min-height: 100%; }
h1{ font-size:20px; padding:0px 0px 5px 0px; margin:0px; font-weight:500; color:#2c3339;}

h2{ font-size:18px; padding:0px 0px 5px 0px; margin:0px; font-weight:500; color:#2c3339;}

h3{ font-size:16px; padding:0px 0px 5px 0px; margin:0px; font-weight:500; color:#2c3339;}

h4{ font-size:16px; padding:0px 0px 5px 0px; margin:0px; font-weight:500; color:#2c3339;}

hr{ border: 0; height: 0; margin:0px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.clear{ clear:both;}
td {vertical-align:top;}
a{color:#333;}
.btn, .btn:visited { padding:5px 10px 5px 10px;line-height:18px; cursor: pointer;font-family:verdana;font-size:13px;   -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px; text-decoration:none; }
.btn:hover { 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter: alpha(opacity=10);	-moz-opacity:0.1;	-khtml-opacity: 0.1; opacity: 0.9;
 	 -o-transition:.5s;-ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; -moz-border-radius: 3px; -webkit-border-radius: 3px;  -khtml-border-radius: 3px;   border-radius: 3px;
}
.gray {background:#f8f8f8; color:#2c3339; border:1px solid #eaeaea;}
.blue {background:#4593bc; color:#fff; border:1px solid #297196;}
.black {background:#363636; color:#fff; border:1px solid #1e1e1e; }

.settings { background:url(../app_images/icon-settings-white.png) no-repeat #4593bc ; padding-left:40px;}
textarea {width:100%; font-family: 'Open Sans', sans-serif; box-sizing: border-box;}

img{border:0;}
.pending span { box-shadow:inset 0 0 4px rgba(0,0,0,.6);  padding:5px 5px 5px 20px; background:#95a5a6; color:#fff;  position:relative;}
.pending span:after {content:''; box-shadow: 0px 2px 2px rgba(0,0,0,.6);border-radius:10px;display:block;height:10px;width:10px;background:#fff;position:absolute; top:8px;left:5px;}
.active span, .valid span, .Completed span { box-shadow:inset 0 0 4px rgba(0,0,0,.6);  padding:5px 5px 5px 20px; background:#2ecc71; color:#fff;  position:relative;}
.active span:after,.valid span:after, .Completed span:after {content:''; box-shadow: 0px 2px 2px rgba(0,0,0,.6);border-radius:10px;display:block;height:10px;width:10px;background:#fff;position:absolute; top:8px;left:5px;}
.deny span,.Deny span, .Closed span { box-shadow:inset 0 0 4px rgba(0,0,0,.6);  padding:5px 5px 5px 20px; background:#e74c3c; color:#fff;  position:relative;}
.deny span:after, .Deny span:after,.Closed span:after {content:''; box-shadow: 0px 2px 2px rgba(0,0,0,.6);border-radius:10px;display:block;height:10px;width:10px;background:#fff;position:absolute; top:8px;left:5px;}
/*.pending { border-left:solid 3px #95a5a6;}*/
.center {text-align:center; }
.header {width:100%; height:60px; top:0px;}
.header #resp_menu {display:none; }
.header .logo {float:left;  height:45px;  padding:5px 0 0 20px; width:200px; }
.header .favicon {float:left;  height:45px;  padding:5px 0 0 20px; width:200px; display:none; }
.header .menubutton {float:right;   o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.header .menubutton:hover {  o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }

.header .menubutton .notifs { background:#e74c3c; padding:5px; position:absolute; z-index:5; margin:0px 0 0 0px; color:#ecf0f1;  -moz-border-radius: 0 0 15px 0;-webkit-border-radius:0 0 15px 0;-khtml-border-radius:0 0  15px 0; border-radius:0 0 15px 0;}
.header .logged {float:right; height:45px; padding:7px 5px 0px 5px;}
.header .logged .content {float:right; padding:8px 0 0 20px; color:#e5e5e5;}
.header .logged .content span {color:#f7f7f7;}
.header  ul{padding:0; margin:0; float:left;height:60px;}
.header a{ text-decoration:none; }
.header  ul.user li{  list-style:none;  o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; float:left; font-size:12px;  }
.header  ul.user li span{font-size:16px; font-weight:600; }
.header  ul.user li:nth-child(2){ padding:10px 5px 5px 5px;}
.header  a li:hover{ background:#e5e5e5; color:#111; o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.header  a .active{background:#e5e5e5; color:#111;}

.menu{width:220px;  height:auto!important; height:100%; min-height:100%;  left:0px; top:60px; position:absolute;   display: block; }
.menuTitle { padding:20px 0px 20px 20px;  }

.menuFooter{padding:10px; border-top:2px solid #22272b; color:#979fa6; }

.menuFooter hr{ border: 0; height: 0; margin:5px 0 5px 0; border-top: 1px solid #4f5961; }

.menuFooter span{margin-top:5px; color:#fff; font-size:16px; }
.menuContent { height: auto; }

.final_content {width:50%; margin:0 auto;}
.final_content .content {padding:0;}
.content {padding-left:220px;}
.content .half{width:48%; margin-right:1%; float:left;}
.content .info { padding:12px 0px 12px 2%;}
.content .info .left {float:left; width:60%;}
.content .info .right {float:right; width:38%; padding:0 2% 0 0; text-align:right;}
.content .info .btn {background:#34495e; color:#ffffff;   padding:10px;font-size:14px;   -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; text-decoration:none; -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; display:inline-block;}
.content .info .btn:hover {background:#131313;  -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.content .info h1 { font-size:24px;}

.content .filter { margin:2%;  }
.content .filter ul{padding:0; margin:0;}
.content .filter a li{padding:10px; background:#fff; border:1px solid #bdc3c7; border-bottom:none; margin:0 5px 0 5px; float:left; list-style:none; font-size:12px;}
.content .filter a li:hover{ background:#34495e; border: 1px solid #273849; border-bottom:none; color:#fff;  -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
.content .filter a li.active { background:#34495e; border: 1px solid #273849;  color:#fff;}
.content .filter .inside {background:#fff; border:1px solid #bdc3c7;padding:10px;}
.content .filter .btn {background:url(../app_images/icon-filter.png) no-repeat 5px 7px ; color:#ffffff;   padding:10px 10px 10px 30px;font-size:14px;   -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; text-decoration:none; -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; display:inline-block;}
.content .filter  .btn:hover {background:url(../app_images/icon-filter.png) no-repeat 5px 7px;  -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.content .filter table { border-spacing: 0px; border-collapse:collapse; margin-top:10px;}
.content .filter td input{ width:100%; padding:10px; box-sizing: border-box; }
.content .filter td select { width:100%; padding:10px; box-sizing: border-box; }
.content .filter td { padding:10px; font-size:12px; color:#131313; vertical-align:middle;  }
.content .filter td:last-child { border-right:none; }




.content .dashboard { margin:2%;}
.content .dashboard .left_half {width:49%; float:left;}
.content .dashboard .right_half{width:49%; float:right; }
.content .dashboard .left_half .left_half {width:48%; float:left;}
.content .dashboard .right_half .right_half {width:48%; float:right; }
.content .dashboard .inside {padding:10px; position:relative; }
.content .dashboard .inside h1{font-size:18px; font-weight:300;}

.content .dashboard .left_30 {width:29%; float:left;}
.content .dashboard .left_70 {width:69%; float:left;}
.content .dashboard .right_70 {width:69%; float:right;}
.content .dashboard .right_30 {width:29%; float:right;}
.content .dashboard .margin_bottom_2 {margin:0 0 20px 0;}
.content .dashboard .text_gray { font-size:12px; color:#bcbcbc;}
.content .dashboard .small_text {padding:0 0 0 20px;font-size:12px; color:#3d3d3d;}
.content .dashboard  .big_text {font-size:20px;}
.content .dashboard  .huge_text {font-size:42px;}
.content .dashboard .news_icon {width:30px; height:30px; position:absolute; left:-10px; top:0px;}

.content .dashboard .height_200 {height:200px;}
.content .dashboard .height_300 {height:300px;}
.content .dashboard .height_400 {height:420px;}
.content .dashboard .height_300 {height:300px;}
.content .dashboard .height_200 {height:200px;}
.content .dashboard .white {background:#ffffff;}
.content .dashboard .gray {background:#bcbcbc; color:#fff;}
.content .dashboard .blue {background:#0090d9; border:none; color:#fff;}
.content .dashboard .green {background:#0aa699; color:#fff;}
.content .dashboard .black {background:#363636; color:#fff; border:none;}
.content .dashboard .black h1{ color:#fff;}
.content .dashboard .gray h1, .content .dashboard .blue h1,.content .dashboard .green h1,.content .dashboard .black h1 {margin:0; padding:0; font-size:26px; color:#fff;}
.content .dashboard .content_slider li h1 {color:#fff;}
.content .dashboard .black a {text-decoration:none; color:#fff; font-size:17px;}
.content .dashboard .black a:hover {text-decoration:none; color:#efefef; font-size:17px;}

.content .box { margin:2%;  }
.content .box .inside {background:#fff;border:1px solid #bdc3c7;}
.content .box .inside .title{padding:10px;}
.content .box .filter input[type="text"] {width:100%;}
.content .box .filter input[type="select"] {width:100%;}
.content .box .filter .btn {background:#34495e; color:#ffffff;   padding:10px;font-size:14px;   -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; text-decoration:none; -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; display:inline-block;}
.content .box .filter  .btn:hover {background:#131313;  -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.content .box.filter table td,.content .box.filter table td {border:none;}
.content .ad_types td:hover {background:#F7F7F7;}
.content .ad_types td a{ text-decoration:none;}
.content ul.ad_types  {padding:0; margin:0; list-style:none; border-top:1px solid #bdc3c7;}
.content ul.ad_types li {float:left; width:20%; max-width:20%; text-align:center; list-style:none; font-size:12px; padding:10px 0 10px 0; border-right:1px solid #bdc3c7; border-bottom:1px solid #bdc3c7; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} 
.content ul.ad_types li:hover {background:#F7F7F7;}
.content ul.ad_types li a{text-decoration:none;}

.content .box h2 {font-size:18px; color:#131313;}
.content .box table { border-spacing: 0px; border-collapse:collapse;}
.content .box tr:first-child td { border-right:1px solid #bdc3c7; border-bottom:1px solid #bdc3c7; border-top:1px solid #bdc3c7;}
.content .box td { padding:10px; font-size:12px; color:#131313; vertical-align:middle; border-right:1px solid #bdc3c7; border-bottom:1px solid #bdc3c7;}
.content .box tr td:last-child,.box tr:first-child td:last-child, .box tr:last-child  td:last-child  { border-right:none; border-bottom:1px solid #bdc3c7;}
.content .box tr:last-child td { border-right:1px solid #bdc3c7; border-bottom:none;}
.content .box td input{ width:300px; padding:10px; box-sizing: border-box; }
.content .box td input[type=submit] { cursor:pointer; width:100%;    padding:10px 0 10px 30px;font-size:16px;   -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; text-decoration:none; -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; box-sizing: border-box;}
.content .box td input[type=submit]:hover {   -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; box-sizing: border-box;}
.content .box td select { width:300px; padding:10px; box-sizing: border-box; }
.content .box td textarea { width:300px; padding:10px; box-sizing: border-box;  }

.content .box td input[type=checkbox], .content .box td input[type=radio] { width:30px; box-sizing: border-box;  }
.content .box td .approuve { background:#2ecc71 url(../app_images/icon-approuve.png) no-repeat 5px 7px;  color:#ffffff; border:1px solid #27ae60;   padding:10px 10px 10px 30px;font-size:14px;   -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; text-decoration:none; -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; display:inline-block;}
.content .box td .approuve:hover { background:#27ae60 url(../app_images/icon-approuve.png) no-repeat 5px 7px;  border:1px solid #27ae60;   -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.content .box td .deny { background:#e74c3c url(../app_images/icon-deny.png) no-repeat 5px 7px; color:#ffffff; border:1px solid #c0392b;   padding:10px 10px 10px 30px;font-size:14px;   -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; text-decoration:none; -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; display:inline-block }
.content .box td .deny:hover { background:#c0392b url(../app_images/icon-deny.png) no-repeat 5px 7px;  border:1px solid #c0392b;   -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.content .list_head {margin:2% 2% 5px 2%;  }
.content .list_head ul{padding:0; margin:0;}
.content .list_head a li{padding:10px; background:#fff; border:1px solid #bdc3c7; border-bottom:none; margin:0 5px 0 5px; float:left; list-style:none; font-size:12px;}
.content .list_head a li:hover{ background:#34495e; border: 1px solid #273849; border-bottom:none; color:#fff;  -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
.content .list_head .inside {background:#fff;border:1px solid #bdc3c7; }
.content .list_head td {padding:20px;}
.content .list_head .box {margin:0;}

.content .box.list {margin:0 2% 5px 2%; background:#fff;border:1px solid #bdc3c7; }
.content .box.list td {padding:20px;}
.content .box.list tr:first-child td, .content .list_head tr:first-child td { border-top:none;}
.content .box.list tr td:last-child, .content .list_head tr td:last-child { border-right:none;}
.content .box.list input { width:100%;}

.content .bubble_img{width:10%; float:left;   text-align:center;}
.content .bubble a{ text-decoration:none; }
.content .bubble a:hover {color:#4593bc;}
.content .bubble_content {background:#fff; padding:10px 0px 10px 0px;  float:right; width:89%; border:1px solid #d4d6d7; position:relative;}
.content .bubble_content:after {content: '';position: absolute;border-style: solid;border-width: 9px 9px 9px 0;border-color: transparent #FFFFFF;display: block;width: 0;z-index: 1;margin-top: -9px;left: -9px;top: 30px; }
.content .bubble_content:before {content: '';position: absolute;border-style: solid;border-width: 9px 9px 9px 0;border-color: transparent #d4d6d7;display: block;width: 0;z-index: 0;margin-top: -9px;left: -10px;top: 30px; }
.content .bubble_content .content {padding:10px; margin:0px;}
.content .bubble { margin:2% 2% 2% 2%;}
.content .bubble span {font-size:10px;}
.content .bubble input,.content .bubble select {width:100%; padding:10px; box-sizing: border-box; }
.content .bubble  input[type=submit] { cursor:pointer; width:auto;    padding:10px 10px 10px 30px;font-size:16px;   -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; text-decoration:none; -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; box-sizing: border-box;}
.content .bubble  input[type=submit]:hover {   -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; box-sizing: border-box;}


.content .list .activ {padding-left:20px; background:url(../app_images/bullet-green.png) no-repeat center left; text-transform:capitalize;}
.content .list .rezolvat, .list .aprobat{padding-left:20px; background:url(../app_images/bullet-gray.png) no-repeat center left; text-transform:capitalize;}
.content .list .respins{padding-left:20px; background:url(../app_images/bullet-red.png) no-repeat center left; text-transform:capitalize;}
.content .list .suspendat, .list .inchis {padding-left:20px; background:url(../app_images/bullet-black.png) no-repeat center left;text-transform:capitalize;}

.login{ margin:0 auto ; width:400px; padding:10% 10px 10px 10px;}
.login #my-response {text-align:center; color:#FFF;}
.login input[type=submit]{ width:100%; padding:15px; font-size:18px; }
.login input{ padding:15px; font-size:18px; }
div.tog{display:block;box-shadow:inset 0 0 4px rgba(0,0,0,.6);height:25px;width:55px;position:relative;cursor:pointer;
font:10px/10px;background:#ccc;
-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
div.tog:after{content:'';box-shadow: 0px 2px 2px rgba(0,0,0,.6);border-radius:10px;display:block;height:10px;width:10px;background:#fff;position:absolute;
top:7px;left:5px;
-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
div.tog:before{content:'OFF';position:absolute;right:11px;top:4px;color:#fff;}
div.tog:hover:after{left:10px;}
div.tog.on:before{content:'ON';right:30px;}
div.tog.on{background:#0c0;}
div.tog.on:after{left:40px;}
div.tog.on:hover:after{left:35px;}

.timeline {margin:2% 0 0 0;}
.timeline .box.event {margin:0px 2% 0px 2%; background:url(../app_images/timeline-bar.png) repeat-y 4% 0px;}
.timeline .box.event .bubble{margin:0;}
.timeline .box.event .event_date {margin:30px 0 30px 0;}
.timeline .box.event .event_date span{padding:5%; font-size:16px; color:#FFF; background: #4aa3df; border:1px solid #3482b7;}
.timeline .box.event .event_date_start {margin:30px 0 0 0;}
.timeline .box.event .event_date_start span{padding:5%; font-size:16px; color:#FFF; background: #34495e; border:1px solid #1b2938;}
.timeline .box.event .event_date_latest {margin:0 0 30px 0;}
.timeline .box.event .event_date_latest span{padding:5%; font-size:16px; color:#FFF; background: #00cc00; border:1px solid #009a00;}

#start_date {background:url(../app_images/icon-calendar.png) no-repeat 5px 5px; padding:10px 10px 10px 40px;  box-sizing: border-box; border-style:solid; border-width:thin;}
#end_date {background:url(../app_images/icon-calendar.png) no-repeat 5px 5px; padding:10px 10px 10px 40px;  box-sizing: border-box; border-style:solid; border-width:thin;}

.login {width:400px;  margin:0 auto;  padding:40px 0 40px 0;}
.login .form {background:#f5f5f5; padding:20px; -moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px; border-radius: 10px; color:#111;}
.login a {text-decoration:none; color:#34495e;}
.login a:hover {color:#000;}
.login  h1{color:#111; font-size:28px; font-weight:300;font-family: 'Open Sans', sans-serif; }
.login #response { margin:10px 0 10px 0;}
.login input,.login select{width:100%; box-sizing: border-box; padding:10px; border: 1px solid #bdc3c7; background: #fff; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px; }
.login input:hover { border: 1px solid #e9280c; background: #fff;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px; }
.login input:focus { outline:0 ; }
.login hr {margin:10px 0 10px 0;}
.login input[type=submit] { cursor:pointer; width:auto;    padding:10px 20px 10px 40px;font-size:16px;   -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; text-decoration:none; -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; margin-right:10px;}
.login input[type=submit]:hover {   padding:10px 20px 10px 40px;font-size:16px;   -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; text-decoration:none; -o-transition:.5s;-ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.login input[type=checkbox],  input[type=radio] {width:20px;}
.login .capcha {font-size:18px; color:#CCC; background:#2c3e50; padding:10px;  margin:10px 0 10px 0;}
.login {font-size:12px;}
#confirm {display:none;}

/* Overlay */
#confirm-overlay {background-color:#000;}

/* Container */
#confirm-container { width:100%; max-width:100%;  text-align:left; background:#111; height:140px;}
#confirm-container .left {float:left; width:70%; }
#confirm-container .right {float:right; width:30%;  padding:40px 0 0 0; text-align:right;}
#confirm-container .title { width:100%; color:#fff; font-weight:300; font-size:38px; margin:20px 0 0 0; padding-left:8px;}
#confirm-container .message {color:#ccc; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm-container .buttons {line-height:26px; width:230px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons span.yes { padding:15px 15px 15px 40px; color:#666; font-weight:bold; text-align:center; cursor:pointer; background:#fff url(../app_images/icon-mini-tick.png) no-repeat 10px 18px; margin:0 10px 0 0;} 
#confirm-container .buttons span.yes:hover { background:#f3f3f3 url(../app_images/icon-mini-tick.png) no-repeat 10px 18px;} 
#confirm-container .buttons span.no{ padding:15px 15px 15px 40px; color:#666; font-weight:bold; text-align:center; cursor:pointer; background:#fff url(../app_images/icon-mini-cross.png) no-repeat 10px 18px; margin:0 10px 0 0;} 
#confirm-container .buttons span.no:hover { background:#f3f3f3  url(../app_images/icon-mini-cross.png) no-repeat 10px 18px; } 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-container a.modal-close:hover {color:#ccc;}
.cp {padding:10px; color:#000;}