﻿* {font:12px Trebuchet MS; padding:0; margin:0;}
body {background:#fff;margin:0;}
li {list-style:none;}

#menu {background: url("/_img/gradUp.gif") repeat-x scroll 0 0;float:left;width:100%; height:76px; border-bottom: 1px solid #ccd2d7;}
#urgent{background: url("/_img/UrgentBG.png") repeat-x scroll 0 0;float:left;width:100%; border-bottom: 1px solid #ccd2d7;height:37px; cursor:pointer;}
#urgent p{ margin:10px; text-align:center;}
#menulist {float:left;}

#allTop {padding:11px 0 0 0; float:right;}

.playerList {display:inline-block; margin:0 10px 0 0; text-decoration:none;color:#000;}
.playerList img {border:0; display:block; float:left; margin:5px 5px 0 0;}
.playerList span {display:inline-block; font-weight:normal; padding:10px 0 0 0;}

.print {text-decoration:none;background:url(/_img/printIco.gif) no-repeat left;padding-left:20px;color:#333333;float:right;padding-right:10px;padding-top:2px;}
.btnDelete {text-decoration:none;background:url(/_img/delIco.gif) no-repeat left;padding-left:19px;color:#333333;float:right;padding-right:10px;padding-top:2px;}
#RSSlink {text-decoration:none;background:url(/_img/rssIco.gif) no-repeat left;padding-left:19px;color:#333333;float:right;padding-right:10px;padding-top:2px; display: none; /*cursor: pointer;*/}

#LogInHeader {background:url("/_img/gradUp.gif") repeat-x scroll 0 0 #fff; height:86px; padding-bottom: 42px; margin-bottom: 160px;}
#logowanie {background:url("/_img/bC2bg.jpg") repeat-x scroll 0 0 #E1E1E1;height:225px;width:400px;margin:0 auto;overflow:visible;position:relative;border:1px solid #cecece;}
#logowanie strong {position:absolute;top:225px;color:#a8a8a8;font-size:11px;font-weight:bold;left:230px;}
#logowanie h2 {font-size:16px;font-weight:bold;padding:25px 0 10px 40px;color:#2c363d;}
#logowanie table th {width:70px;}

#haslo {font-size:11px;color:#666;padding:5px 10px 5px 0px;}
#haslo a {font-size:11px;color:#003366;}

#main_reg h1 {color:#000;font-size:20px;font-weight:bold;left:20px;position:absolute;top:15px;}
#main_reg .regform input, select, textarea, .form input{border:1px solid #A7A7A7;font-family:"Trebuchet MS",Helvetica,Arial,Sans-serif;font-size:13px;margin-right:1px;}
#main_reg .regform , .form{font-size:14px;left:20px;padding:5px 0 20px;position:absolute;top:120px;}
#main_reg .regform div.title{color:#666666;font-size:20px;padding:0 0 25px 2px;}
#stepBar {font-size:14px;float:left;padding:10px 0 20px;}
#stepBar div.active {background:#ffa800;border:1px solid #df9300;color:#FFF;}
#stepBar div {background-color:#EFEFEF;border:1px solid #CCCCCC;color:#B9B9B9;float:left;line-height:13px;margin:0 8px 0 0;padding:2px 15px 2px 10px;}
#main_reg .regform th {color:#666666;font-size:16px;font-weight:normal;padding:3px 10px 0 0;text-align:right;width:100px;}
/*menu*/
#menulist {float:left;background:url("/_img/polskieradioLogo.png") no-repeat 0 -5px ;padding-left:130px; height: 52px; padding-top: 15px;}
div.topnav {float:left;margin-left:100px; margin-top:5px;}
div.topnav a{color:#FFFFFF;float:left;margin:0 1px 0 0;text-decoration:none;}
/*div.topnav a span.coL{display:block;padding:3px 8px 8px 8px;font-size:12px}*/
div.topnav a span.coR  {color:#FFFFFF;display:block;font-family:Trebuchet MS;padding:4px 15px 4px 15px;font-size:16px}
div.topnav a.hasNewMsgs span.coR {color: #B00000; font-weight: bold;}

div.topnav a:hover span{color:#C6CCD1;}

ul.topnav li span { /*--Drop down trigger styles--*/width: 17px;height: 35px;float: left;background: url(/_img/menu/subnav_btn.gif) no-repeat center top;}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {list-style: none;position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/left: 0; top: 23px;background: #333;margin: 0; padding: 0;display: none;float: left;width: 265px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;border: 1px solid #111;}
ul.topnav li ul.subnav li{margin: 0; padding: 0;	border-top: 1px solid #252525; /*--Create bevel effect--*/border-bottom: 1px solid #444; /*--Create bevel effect--*/clear: both;width: 240px;}
html ul.topnav li ul.subnav li a {float: left;width: 240px;	background: #333 url(/_img/menu/dropdown_linkbg.gif) no-repeat 10px center;	padding-left: 20px;}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/background: #222 url(/_img/menu/dropdown_linkbg.gif) no-repeat 10px center; }
/*uiblock*/
/*div.blockMsg { width:  40%; top:    30%; left:   30%; text-align: center;   background-color: #ccc;  border: 1px solid #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -moz-opacity:.70; opacity:.70; padding: 15px; color: #fff;}
*/
/*pager*/
.error{color:Red;}
/*forms*/
#messageForUser,#AddNewAdmin, #AddNewUser, #saveclientInfo, #userinfowindow,#UserInfo,#PasswdShow, #UserDetailsAccount, #UserCategory, #showLog {display:none; position:relative;}
#AddNewUser {padding:0 10px 40px;}
#AddNewUser .bBtns {left:10px; bottom:5px;}
/*email valid*/
#validEmail{margin-top: 4px;margin-left: 9px;position: absolute;width: 16px;height: 16px;}

div#allTop {display:block; margin-right: 75px;}
div#allTop div#pageTitle {font:normal 11px Verdana;color:#666;padding:4px 0px 4px 30px;background:url(../_img/icoadmin.gif) no-repeat 15px 0px;padding-left:43px;}
div#allTop div#nazwauzytkownika {text-align:right; padding-right:20px;font:12px Trebuchet MS;color:#c6ccd1;}
div#allTop div#nazwauzytkownika #username{color:#fff; font:bold 12px Trebuchet MS;}
div#allTop div#nazwauzytkownika a {font:12px Trebuchet MS;color:#fff;padding:4px 0;text-decoration:none;}
div#allTop div#nazwauzytkownika span.loginname {}
div#allTop span#wyloguj a {font:11px Verdana;color:#fff;padding:4px 0px 4px 0px; background:none;}
div#content{clear:both;}
/*.ui-dialog {width:700px !important; height:400 !important; }*/

.buttons {text-align:right;color:#2c363d;padding-top: 13px;}
.buttons b {font-weight: bold;}
.button {background-color:#910000;padding:4px 10px 4px 10px;font-size:14px;color:#fff !important;text-decoration:none; font-weight:normal !important;}
label {font-size:14px;}
.buttondark {background:#e3e3e3 url(../_img/bgbutton.png) repeat-x;border:1px solid #bbb;display:inline-block;font-size:13px;font-family:"Trebuchet MS",Helvetica,Arial,Sans-serif;color:#333;cursor:pointer;padding:3px 10px 3px 10px;}

h2, h2 span {font-size:18px;font-family:"Trebuchet MS",Helvetica,Arial,Sans-serif;color:#333333;font-weight:bold;padding:10px 0 0 0;margin:0;}
h2 span.arrBot {background:url(../_img/arrBot.gif) no-repeat right 9px; clear:both; cursor:pointer; display:inline-block; padding:0 25px 0 0;}

#administratorzy {margin:15px 10px 0 10px;}
#administratorzy  h2 {font-size:18px;font-family:"Trebuchet MS",Helvetica,Arial,Sans-serif;color:#333333;font-weight:bold;padding:10px 0 0 0;margin:0;}
#administratorzy table {background-color:#FFFFFF;border:1px solid #DDDDDD;border-collapse:collapse;color:#000000;font:11px verdana;width:100%;margin:10px 0 10px 0;}
#administratorzy table td  {border:1px solid #DDDDDD;font-size:11px;padding:5px;color:#8a8a8a;}
#administratorzy table td  a {color:#112abb;}
#administratorzy table thead td {border:1px solid #DDDDDD;color:#333333;font:bold 10px verdana !important;height:25px;padding:1px 8px;text-align:left;vertical-align:middle;background-color:#eee;}
#administratorzy table tr td .username {color:#000 !important;font-size:11px;font-weight:bold;background:url(../_img/user.png) no-repeat 0px 0px;padding:0 0 5px 28px;display:inline-block;}
#administratorzy table tr.expired {background:#FAFAF8;}

#searchbox {padding:4px 0;float:right;}

.users {width:100%}
#klienci {margin:/*15px 10px 0 10px*/ 15px 0;}
#klienci h2{font-size:18px;font-family:"Trebuchet MS",Helvetica,Arial,Sans-serif;color:#333333;font-weight:bold;padding:0;margin:0;}
#klienci table {background-color:#FFFFFF;border:1px solid #DDDDDD;border-collapse:collapse;color:#000000;font:11px verdana;width:100%;margin:10px 0 10px 0;}
#klienci table td  {border:1px solid #DDDDDD;font-size:11px;padding:7px 8px 5px 50px;color:#8a8a8a;}
#klienci table td  a {color:#112abb;}
#klienci table tr td .username {color:#000 !important;font-size:11px;font-weight:bold;background:url(../_img/user.png) no-repeat 0px 0px;padding:0 0 5px 28px;display:inline-block;}
#klienci table tr.noactive {background-color:#fafaf8 !important;}
#klienci table tr.noactive td .username {color:#999 !important;font-size:11px;font-weight:bold;background:url(../_img/usernoactive.png) no-repeat 0px 0px;padding:0 0 5px 28px;display:inline-block;}
#klienci table tr.expired td .username {color:#999 !important;font-size:11px;font-weight:bold;background:url(../_img/userexpired.png) no-repeat 0px 0px;padding:0 0 5px 28px;display:inline-block;}
#klienci table thead .searchtd {background-color:#edece9;}

#klienci table thead td {border:1px solid #DDDDDD;color:#333333;font:bold 10px verdana !important;height:25px;padding:1px 8px;text-align:left;vertical-align:middle;background-color:#eee;}

#clientpager a {display:inline-block;color:#112abb;padding-right:10px;text-decoration:none;font:12px verdana !important;}
#clientpager a.currentPage {color:#000;font-weight:bold !important;}
/*#clientpager a.next, a.prev {text-decoration:underline !important;}*/
#clientpager span {font:12px verdana !important;color:#999;}

#pager {margin:0 0 1px;padding:4px;width:345px; text-align: right;}
	html>body #pager {width:349px;}
#pager a {display:inline-block;color:#666;text-decoration:none;font:11px verdana !important;margin: 0 1px;font-weight: bold !important; text-align:center;border:1px solid #999;padding:2px 4px 2px 4px;background-color:#ececec;}
#pager a.currentPage {color:#000;font-weight:bold !important;text-decoration:none;background-color:#999;}
#pager a.active {color: #999;background-color:#fff;}
#pager span {font:12px verdana !important;color:#999;}

.listnavi {background-color:#FFF !important;}
.listnavi span{font:11px verdana !important;color:#000;}
.listnavi a{color:#112abb;text-decoration:none;font:11px verdana !important;text-decoration:underline !important;}
.listnavi a.active {text-decoration:none !important;}

/* forms */
.title {clear:both; font-size:14px;}
table th {text-align:right; width:100px; color:#2c363d; padding:0 10px 0 0;}
table th.thLong {width:140px;}
.cContLeft table td {padding:5px 0;}
.tdinput {text-align:left; padding:5px 0;}
.tdinput input {background:#fff url(../_img/input_bg.gif) repeat-x; border:1px solid #c5c7c9; width:262px; padding:2px;}
.tdinput textarea {background:#fff url(../_img/input_bg.gif) repeat-x; border:1px solid #cacaca; width:262px; height:200px; padding:2px;}
.tdinput select {background:#fff url(../_img/input_bg.gif) repeat-x; border:1px solid #cacaca; width:262px; padding:2px;}
.tdinput input.checkbox, .tdinput .checkbox input {width:auto;}
table .tar {text-align:right;}
table .vat {vertical-align:top; padding:6px 10px 0 0;}
table .vat.vat2 {padding:4px 10px 0 0;}
.dateEndAccount {display:block; font-weight:bold;}
.container {padding:5px 10px 10px;}
th .title, td .title {font-size:16px; font-weight:bold;}
.cContLeft {float:left; width:70%;}
.bContLeft {background:#fff; border:1px solid #ddd; margin:5px 0 10px; padding:5px 10px; width:auto;}
.cContLeft h2 {padding:0;}
.cContLeft table {width:100%;}
.cContRight {border:1px solid #ddd; float:right; width:26%; background:#fff; margin:5px 0 10px; padding:10px;}
	html>body .cContRight {}
.cContRight table {width:100%;}

.status {color:#999; font-size:10px;}
.account {display:block; font-size:14px; font-weight:bold; padding:10px 0 0 0;}

.cContAll {background:#fff; border:1px solid #ddd; clear:both; padding:10px;}
.tableBig {width:100%;}
.borderBottom tbody tr td, .borderBottom tfoot tr td {border-top:1px dotted #ccc; padding:5px; border-collapse:collapse;}
.tableTitle {font-weight:bold;}
.tdType {}
.tdRange {width:60px;}
.tdStart {width:240px;}
.tdName {width:50px;}
.tdCheckbox {width:5px;}
.tdButton {width:20px; text-align:right; padding-left: 8px !important;}
.tdDate {width:120px; text-align:right; padding-left: 8px !important;}

.tablePopup {width:510px; border-collapse:collapse;}
.tablePopup td {border:1px solid #ddd; padding:2px 4px;}
.tablePopup td.tdTitle {font-weight:bold; border:0;}
.trBeltTitles td {background:#ccc;}
.tablePopup .tdCategory {width:220px;}
.tablePopup .tdDays {width:50px;}
.tablePopup .tdFromTo {width:125px;}
.tablePopup .tdType {width:50px;}
.tablePopup .tdIfIs {width:5px;}

/* messages */
.cCont {}
#messages {background:#fff; margin:0; padding:0; width:100%;}
#messages li {border:1px solid #ddd; border-bottom:0; float:left; list-style:none; padding:7px 8px;}

#messages li a {text-decoration:none;}
#messages li a.button {float:right;}

#messages li {background: #fff}

#allMessages .addRow,
#messages .addRow {background: #eef2f5;}

#klienci #allMessages a,
#klienci #messages a {text-decoration: none; color: #2c363d; font-weight: bold;}

#klienci #messages a:hover,
#klienci #allMessages a:hover {text-decoration: underline;}

#klienci #allMessages tr.wasread a {font-weight: normal; color: #818f99;}
#klienci #allMessages tr.wasread .button {font-weight: bold;}
#Archiwum b {margin-left: 50px; color: #2c363d; font-weight: bold; cursor: pointer;}

#paging {margin-left: 50px;}
#paging * {font-weight: bold; color: #818f99; text-decoration: none;}
#paging span {color: #2c363d;}
#paging .currentPage {color: #2c363d; text-decoration: underline}
#paging .prev,
#paging .next {text-decoration: none; color: #2c363d;}

/* depesze */
#cTelegrams {padding:1px 0 15px;}

#dNavi {background:url("/_img/bC2bg.jpg") repeat-x scroll 0 0 #E1E1E1; float:left; height:43px; margin: 0; width:100%;border-bottom:1px solid #cecece;}
#dNavi div {float:left; padding:10px 5px 10px 32px;}
#dNavi .button {float:left;}
#dNavi #newsTypeBox, #dNavi #newsDateBox {width:170px;}
#dNavi select {width:170px;padding:2px;}
#dNavi input {width:270px;padding:3px;border: 1px solid #A7A7A7;font-size:14px;}
#dNavi select option{padding:2px 2px 2px 10px;}


#cTelegrams #newsWrapper{width:100%; padding:0; margin:0/* 0 20px*/; float:right; background: #fff;}
#cTelegrams #newsList{float:left; width:385px; height:500px; overflow: hidden; margin:0 10px 0 0; padding:0 10px 10px 10px; background: #f7f7f7;border-right: 1px solid #CECECE;}
	html>body #cTelegrams #newsList{width:365px; padding: 50px 0 80px 0; height:auto; min-height:500px;}

#cTelegrams #newsList ul {float:left; width:325px;/*border:1px solid #9b9b9b;*/ background:transparent; margin-left: 30px; /*border-top:1px solid #9b9b9b;*/}
#cTelegrams #newsList ul li {/*background:#fff url(../_img/border.gif) repeat-y 65px;*/ cursor:pointer; float:left; width:305px; border-bottom:1px solid e1e8ed;padding-bottom: 10px;}
#cTelegrams #newsList ul li a {text-decoration:none;}
#cTelegrams #newsList .time {color:#333; cursor:pointer; display:block; float:left; width:40px; padding:2px 5px; font-size:11px; text-align: right; font-weight: bold;}
	html>body #cTelegrams #newsList .time {width:30px;font-weight:bold;}
#cTelegrams #newsList .title, #question .title {color:#333; cursor:pointer; display:block; float:left; font-size:12px; padding:2px 5px 2px 9px; width:264px; clear:none;}
	html>body #cTelegrams #newsList .title {width:230px;}
#cTelegrams #newsList ul li.withSounds .title {background:url(../_img/speaker.gif) no-repeat right 2px; padding:2px 20px 2px 9px;}
	html>body #cTelegrams #newsList ul li.withSounds .title {width:230px;}

/*#cTelegrams #newsList .active a .time,
#cTelegrams #newsList .active a .title,
#cTelegrams #newsList .active a:visited .time,
#cTelegrams #newsList .active a:visited .title {color:#b00000;}
#cTelegrams #newsList .active a .time,
#cTelegrams #newsList .active a:visited .time {color:#0B4D78;}*/
#cTelegrams #newsList .active a:visited .time,
#cTelegrams #newsList .active a:visited .title,
#cTelegrams #newsList .active .time,
#cTelegrams #newsList .active .title {color:#990000;font-weight:bold;}
#cTelegrams #newsList a:visited .time,
#cTelegrams #newsList a:visited .title {color:#a3a3a3;font-weight:bold;}

#cTelegrams #newsBox{float:none; width:auto; overflow: hidden;/*border:1px solid #9b9b9b;*/ margin: 50px 75px 0 0; padding-left: 10px;}
	

#cTelegrams #newsHead{background:#fff; border-bottom: 1px solid #fff; padding:0 5px 0px 10px;}
#cTelegrams #newsHead p {display:inline; margin:0 10px 0 0;}
#cTelegrams #newsTitle{font-size:20px; text-align:left;font-family:Arial, Helvetica, sans-serif;color:#990000; width: 580px; overflow: hidden; display: block !important; float: left;}
#cTelegrams #newsDate{background-color:#FFF;padding:0px 5px 0px 10px;font-size:12px;color:#999; width:200px;}

#newsBody {background:#fff; clear:both; margin: 40px 0 0 10px; padding:/*10px 1% 5px*/0; /*width:98%;*/}
	html>body #newsBody {}
#newsBody, #newsBody * {font:14px Arial; line-height:160%;}
#newsAttachements {background:#fff; float:left; padding:5px 1%; width:98%; margin-top: 15px; padding-top: 15px; border-top: 1px solid #eef2f5;}
	html>body #newsAttachements {}
#AudioPlayerPlaceHolder {float: left; height: 20px;}
#NowIsPlaying {float:left; clear:both; margin-top:10px; border-bottom:1px solid #eef2f5; margin-bottom:15px; padding-bottom:15px; width:100%;}
#NowIsPlaying span.soundTitle{color: #5E110F;}
#NowIsPlaying strong.nowListen{margin-right:5px;}
#newsAttachements .sound object, #newsAttachements .sound embed {float:left; margin:0 10px 0 0;}
#newsAttachements .sound .button {float:left; margin:5px 0 0 0;}

#sounds li {margin-bottom:15px !important;}
#newsAttachements #sounds div {float: left; width: 0; text-align: left; margin-right: 20px; display: none; background: #eef2f5;}
#newsAttachements #sounds a {color: #2C363D; text-decoration: none; font-weight: bold; background:url(../_img/speaker.gif) no-repeat left; padding:2px 5px 2px 25px;}
#newsAttachements #sounds a:hover {text-decoration: none;}
#newsAttachements #sounds .pobierz {text-decoration: none; xmargin-left:10px; margin-bottom:5px; padding:2px 5px; font-size:12px; background:#910000; }
#newsAttachements #sounds .posluchaj {text-decoration: none; margin-left:10px; margin-bottom:5px; padding:2px 5px; font-size:12px; background:#387838;}
#newsAttachements #sounds .iar-audio-player-sounds {color: #2C363D; font-weight: bold; background:url(../_img/speaker.gif) no-repeat left; padding:2px 5px 2px 25px; display: block; width: unset;}

#cTelegrams .withSounds * {color:Green;}
#cTelegrams .active {background:transparent !important;}
#cTelegrams .active li span.title{color:#000000 !important;}

#newsSearchBox {float:left;}

.pr {position:relative; height:450px !important;}
#messageForUser {display:none; width:530px !important; background:#f8f8f8; height:450px !important; padding:10px 5px;}
#messageForUser .bBtns {left:10px; bottom:0px;}
#AddNewAdmin {display:none; width:530px !important; background:#f8f8f8; height:450px !important; padding:0 5px;}
#AddNewAdmin .bBtns {left:5px; bottom:5px;}

.bBtns {position:absolute; left:0; bottom:0; width:510px;}
.bBtns td {text-align:right;}
.btnCancel {display:none;}
.bBtns .button {background:url(../_img/bgbuttonOrange.png) repeat-x center center; border:none; color:#fff !important; font-size:13px; padding:2px 10px;}

.btnOrange {background:url(../_img/bgbuttonOrange.png) repeat-x center center; border:none; color:#fff !important; font-size:13px; padding:2px 10px;}

.popUpBgColor {background:#eee; height:450px;}

.tdAdminName {width:50%;}
.tdAdminEmail {width:30%;}
.tdAdminStatus {width:10px;}
.tdAdminPreview {text-align:right; width:60px;}
.tdAdminSend {text-align:right; width:110px;}

.tdClientsName {width:50%;}
.tdClientsTel {width:150px;}
.tdClientsEmail {width:150px;}
.tdClientsDate {width:150px;}
.tdClientsStatus {width:10px;}
.tdClientsPreview {text-align:right; width:60px;}
.tdClientsSend {text-align:right; width:110px;}

#userloginmessage {display:block;color:red;}
div#counter {color: #000000;font-size: 12px;left: 35px;position: absolute;top: 135px;z-index: 100;}
br {margin-bottom:5px;display:block;}
/*
* See http://positioniseverything.net/easyclearing.html
* for a description of this code.
*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */