/* Styles for admin
 * author: Radosław Szachtsznajder, rszachtsznajder@gmail.com 
 * */

/* ============================================================= */
/* ================================================== ADMIN ==== */
/* ============================================================= */

/* =============== reset */
body, h1, h2, h3, h4, h5, h6, div, p, form, fieldset, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }
li { list-style: none; }
a, a:visited, a:hover { text-decoration: underline; }
fieldset, img { border: none; }
/* =============== */

html
{
    font-size: small;
}

body
{
    font-size: 85%;
    font-family: Arial, Verdana, Tahoma, "Lucida Grande", sans-serif;
    color: #000;
    background-color: #fff;
}

a
{
    color: #be0000;
}

a:hover
{
    text-decoration: none;
}

.content
{
    margin: 0 auto;
    width: 900px;
}

.clear
{
    clear: both;
    display: block;
}

.hide
{
    display: none;
}

.back
{
    text-align: right;
    margin: 0.5em 10px;
}

/* =============== forms */

input,
textarea,
select
{
    font-size: 100%;
    padding: 1px;
    margin: 0;
    vertical-align: middle;
    border: 1px solid #10387d;
    background-color: #fff;
    font-family: Arial, Verdana, Helvetica, "Lucida Grande", sans-serif;
}

input.checkbox,
input.radio
{
    padding: 0;
    background-color: transparent;
}

input.radio
{
    border-width: 0;
}

input.submitImg
{
    border-width: 0;
    padding: 0;
    background-color: transparent;
}

input:focus
{
    border-color: #be0000;
}

.formRow
{
    padding-bottom: 4px;
}

.formRow label
{
    float: left;
    width: 130px;
}

.formRow div label
{
    float: none;
    width: auto;
    margin-right: 15px;
}

.formRow div label input
{
    border-width: 0;
    padding: 0;
}

.formRow div
{
    float: left;
}

.errorlist
{
    color: #e20000;
}

.formErr input,
.formErr textarea
{
    border-color: #e20000;
    background-color: #fffbfb;
}

.btn
{
    background: transparent url(/imgs/css/btn_blue.png) 0 repeat-x;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.2em 10px;
    border-width: 0;
    text-decoration: none !important;
    -moz-border-radius: 3px 3px;
}

.btn:hover
{
    color: #dce2ec;
}

.btn:focus
{
    border-width: 0;
}

.req
{
    color: #e20000;
}

fieldset.hideLegend legend
{
    display: none;
}

.notFound
{
    border: 1px solid #b8c4d9;
    padding: 1em 10px;
    text-align: center;
    margin: 1em 10px;
}

.contentHead
{
    margin-bottom: 1em;
    font-size: 150%;
    background: transparent url(/imgs/css/head_point.png) 0 no-repeat;
    padding: 0.2em 10px 0 25px;
}

.contentHead span
{
	color: #1650b3;
}

/* ============== appConfirm */

.appConfirmBox
{
    position: absolute;
    display: none;
    border-right: 2px solid #DAE3EB;
    border-bottom: 2px solid #DAE3EB;
}

.appConfirmBox2
{
    background: #f5f7fa;
    border: 1px solid #b8c4d9;
    padding: 1px;
}

.appConfirmBox2 h1
{
    margin: 0;
    padding: 3px 0 4px 10px;
    background-color: #dce2ec;
    color: #10387d;
    font-size: 11px;
    text-transform: uppercase;
}

.appConfirmBox3
{
    width: 220px;
    margin: 20px 0 0 13px;
}

.appConfirmBox4
{
    background: transparent url(/imgs/css/confirm.gif) 0 0 no-repeat;
    padding: 5px 0 10px 50px;
    height: 50px;
    color: #000;
    text-align: center;
}

.appConfirmBoxButtons
{
    text-align: center;
    padding: 10px 0 0 35px;
}

.appConfirmBoxButtons a
{
    text-decoration: none !important;
    width: 50px;
    float: left;
    background: transparent url(/imgs/css/btn_blue.png) 0 repeat-x;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.2em 10px;
    border-width: 0;
    -moz-border-radius: 3px 3px;
}

.appConfirmBoxButtons a:hover 
{
  text-decoration: none;
}

#appConfirmBoxOk 
{
  margin-right: 5px;
}

#appConfirmBoxCancel 
{
  margin-left: 5px;
}

/* ============== package colors */

span.color_demo
{
    color: #797671;
}

span.color_mini
{
    color: #cba967;
}

span.color_start
{
    color: #73a32b;
}

span.color_standard
{
    color: #6188c8;
}

span.color_business
{
    color: #f57223;
}

/* ============== table with data */

.dataTable
{
    border-collapse: collapse;
    border: 1px solid #b8c4d9;
    width: 100%;
	margin: 0.2em 0 1.5em;
}

.dataTable thead th
{
    color: #fff;
    background-color: #b8c4d9;
    padding: 0.2em 4px;
}

.dataTable tbody td
{
    padding: 0.2em 4px;
    border: 1px solid #dce2ec;
}

.dataTable tbody .highlight td
{
    background-color: #eff5ff;
}

.dataTable td.tblNo
{
    width: 10px;
    text-align: center;
}

.dataTable td.tblCenter {
    text-align: center;
}

.dataTable td.tblPriceNB span {
    font-size: 90%; 
    color: #b8c4d9;    
}

.dataTable td.tblDate
{
    width: 70px;
    text-align: center;
}

.dataTable td.tblDate span
{
    color: #fff;
    background-color: #e20000;
    padding: 0.3em 1px;
}

.dataTable td.tblInvNo
{
    width: 90px;
    text-align: center;
}

.dataTable td.tblPrice
{
    width: 70px;
    text-align: right;
}

.dataTable td.tblPriceValue
{
    text-align: right;
}

.dataTable td.tblUserNameLink a {
    color: #000;
    text-decoration: none;
}

.dataTable td.tblUserNameLink a:hover {
    text-decoration: underline;
}

.dataTable td.tblPackage
{
    width: 100px;
    text-align: center;
}

.dataTable td.tblInputBtn
{
	text-align: center;
	width: 150px;
}

.dataTable td.tblInputBtn input
{
    width: 15px;
}

.dataTable td.tblInputBtn input.btn
{
    width: auto;
}

.dataTable td.tblOptions
{
    text-align: center;
	width: 70px;
}

.dataTable td.tblOptions a
{
    padding-right: 2px;
}

.dataTable td.tblBlacklist
{
	width: 80px;
	text-align: center;
}

.dataTable td.tblBlacklist span
{
    background-color: #000;
	color: #fff;
	padding: 0.1em 5px;
}

.dataTable td.tblLong {
    text-align: center;
    width: 180px;
}

/* =============== paginator */

.paginator
{
    text-align: right;
}

.paginator a
{
    padding: 2px 5px;
    color: #000;
    text-decoration: none !important;   
    font-size: 110%;
    -moz-border-radius: 3px 3px;
    background-color: #dce2ec;
    margin: 0 1px;
}

.paginator a:hover
{
    color: #fff;
    background-color: #be0000;
}

.paginator span
{
    padding: 2px 5px;
    font-weight: bold;
    font-size: 110%;
    -moz-border-radius: 3px 3px;
    color: #fff;
    background-color: #be0000;
}

/* =============== messages */

#messages li
{
    border-width: 1px;
    border-style: solid;
    margin-bottom: 0.5em;
    padding: 0.3em 10px;
    font-weight: bold;
}

#messages .msg_0 /* error */ 
{
    border-color: #e20000;
    color: #e20000;
    background-color: #ffecec;
}

#messages .msg_1 /* info */ 
{
    border-color: #73a32b;
    color: #73a32b;
    background-color: #f4fde6;
}

/* ================================================== login page */

#loginPage
{
	margin-top: 150px;
	text-align: center;
}

#loginPage > a img
{
    vertical-align: middle;
}

#loginBar 
{
	margin: 1em 0;
	background-color: #dce2ec;
	padding: 1em 0;
	text-align: left;
}

#loginBar #loginPanel
{
	width: 270px;
	margin: 0 auto;
}

#loginBar #loginPanel fieldset legend
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.001em;
    padding-bottom: 1em;
	color: #10387d;
}

#loginBar #loginPanel fieldset label
{
	font-weight: bold;
	width: 80px;
}

#loginBar #loginPanel fieldset #loginLgn,
#loginBar #loginPanel fieldset #loginPass
{
    width: 100px;
}

/* ================================================== content */

.content
{
	width: 900px;
	margin: 0 auto;
}

#wrapper {
    background: #fff url(/imgs/css/bg_grad_large.png) 0 0 repeat-x;
}

#wrapper .content {
    background: #fff url(/imgs/css/cntlogged_tl.png) no-repeat 0 0;
}

/* ================ top */

#top {
    background: transparent url(/imgs/css/top_border.gif) 0 100% repeat-x;
}

#top .content
{
	position: relative;
	height: 10em;
}

#top .content h1
{
    font-size: 1%;
    text-indent: -10000em;
}

#top #logo
{
    position: absolute;
    top: 15px;
    left: 50px;
}

/* ======== search */

#top #search
{
	position: absolute;
	top: 0;
	right: 0;
	background: #dce2ec url(/imgs/admin/search_bl.png) 0 100% no-repeat;
}

#top #search fieldset
{
    background: transparent url(/imgs/admin/search_br.png) 100% 100% no-repeat;
	padding: 1em 20px;
}

#top #search fieldset input
{
	margin-left: 15px;
}

/* ======== menu */

#top #menu
{
    position: absolute;
    bottom: 0;
    right: 0;
}

#top #menu li
{
    float: left;
    padding: 0 18px 0 19px;
    background: transparent url(/imgs/css/menu_pipe.png) 0 no-repeat;
}

#top #menu li:first-child
{
    background: none;
}

#top #menu li a
{
    display: block;
    padding: 10px 0;
    color: #10387d;
    font-weight: bold;
    text-decoration: none;
    font-size: 120%;
}

#top #menu li.selected a,
#top #menu li a:hover
{
    padding-bottom: 8px;
    border-bottom: 2px solid #10387d;
}

#top #menu li.selected a
{
    color: #000;    
}

/* ================ footer */

#footer
{
	border-top: 1px solid #b8c4d9;
    padding: 0.8em 0;
	background-color: #fff;
}

#footer a
{
	float: right;
	color: #84898f;
    text-decoration: none;
}

#footer a:hover 
{
    color: #000;
    text-decoration: underline;
}

/* ================ middle */

#adminWelcome {
    margin: 0 auto;
    width: 900px;
    padding: 1em 10px;
    font-size: 110%;
    text-align: right;
}

#adminWelcome strong {
    padding-right: 10px;
}

#middle
{
	background: transparent url(/imgs/css/cntlogged_tr.png) no-repeat 100% 0;
	min-height: 400px;
	padding: 1.2em 30px;
}

#clientStats
{
    margin-top: 1.5em;
}

#clientStats td
{
    height: 25px;
}

#profileForm
{
    margin: 1.5em 0 1.5em 200px;
}

#profileForm fieldset
{
    padding: 1em 0 1em 20px;
}

#profileForm fieldset legend
{
    font-weight: bold;
    margin-left: -10px;
	color: #10387d;
}

#profileForm #id_postcode,
#profileForm #id_postcode1
{
    width: 80px;
}

#profileForm #id_phone,
#profileForm #id_nip,
#profileForm #id_regon
{
    width: 110px;
}

#profileForm #id_username,
#profileForm #id_email,
#profileForm #id_city,
#profileForm #id_street,
#profileForm #id_city1,
#profileForm #id_street1
{
    width: 170px;
}

#profileForm #id_name
{
    width: 200px;
}

#profileForm #newsletterAndRules {
    margin-bottom: 1em;
}

#profileForm #newsletterAndRules label {
    display: block;
    padding-bottom: 5px;
}

#profileForm #newsletterAndRules label input {
    vertical-align: sub;
}

#profileForm .btn
{
    margin-left: 150px;
}

#invoiceInfo
{
    margin-left: 50px;
    border-collapse: collapse;
}

#invoiceInfo th
{
    padding: 3px 0;
    width: 60px;
    text-align: left;
}

#invoiceInfo td
{
    text-align: left;
}

#invoiceInfo .invoicePaid
{
	font-weight: bold;
	color: #73a32b;
}

#invoiceInfo .invoiceNotPaid
{
    font-weight: bold;
    color: #e20000;
}

#changePassForm {
    margin-left: 220px;
    margin-bottom: 1em;
}

#changePassForm .btn {
    margin-left: 130px;
    margin-top: 1em;
}

/* ===================== packages */

#packageList {
    margin-top: 1em;
}

#packageList li
{
    float: left;
    width: 196px;
    padding: 0 110px 5em 112px;
}


#packageList li .left
{
    float: left;
    width: 96px;
}

#packageList li .left a
{
    text-decoration: none;
    outline: none;
}

#packageList li .left a strong
{
    text-transform: uppercase;
    padding-bottom: 0.7em;
    font-size: 110%;
    color: #000;
}

#packageList li .left a.color_mini:hover strong
{
    color: #cba967;
}

#packageList li .left a.color_standard:hover strong
{
    color: #6188c8;
}

#packageList li .left a.color_start:hover strong
{
    color: #73a32b;
}

#packageList li .left a.color_business:hover strong
{
    color: #f57223;
}

#packageList li .left a img
{
    margin-top: 1em;
}

#packageList li .right
{
    float: right;
    width: 100px;
}

#packageList li .right .price
{
    font-size: 160%;
    color: #10387d;
}

#packageList li .right .price small
{
    font-size: 50%;
}

#packageList li .right .price span
{
    font-size: 50%;
    display: block;
    color: #84898f;
}

#packageList li .right ul
{
    margin-top: 1em;
}

#packageList li .right ul li
{
    background: transparent url(/imgs/css/arr_navy.gif) 0 0.4em no-repeat;
    float: none;
    width: auto;
    padding: 0 0 5px 7px;
}

a.packageOrder
{
    background-repeat: no-repeat;
    width: 75px;
    height: 25px;
    float: left;
    margin-top: 1em;
    text-indent: -4000em;
    outline: none;
}

a.po0 {
    background-position: 0 0;
}

a.po0:hover {
    background-position: -75px 0;
}

a.po25 {
    background-position: 0 -25px;
}

a.po25:hover {
    background-position: -75px -25px;
}

a.po50 {
    background-position: 0 -50px;
}

a.po50:hover {
    background-position: -75px -50px;
}

a.po75 {
    background-position: 0 -75px;
}

a.po75:hover {
    background-position: -75px -75px;
}

.simplePackage
{
    margin-left: 300px;
}

.simplePackage ul
{
    margin: 0.3em 10px;
}

.simplePackage img
{
    float: left;
}

.simplePackage div
{
   margin-left: 90px;
}

.simplePackage .price
{
    font-size: 160%;
    color: #10387d;
}

.simplePackage .price em
{
    font-style: normal;
}

.simplePackage .price span
{
    font-size: 50%;
    color: #84898f;
}

.simplePackage ul li
{
    padding: 0 0 0.2em 10px;
    background: transparent url(/imgs/css/arr_navy.gif) 0 0.4em no-repeat;
    padding: 0 0 0.5em 10px;
}

.wYes {
    font-weight: bold;
    color: #73a32b; 
}

.wNo {
    font-weight: bold;
    color: #e20000;
}

#partnerSummaryPeriod {
    margin: 1.5em 0 1em;
}

#addPlayer fieldset {
    border: 1px solid #b8c4d9;
    margin: 1em 0;
    padding: 1em 15px;
}

#addPlayer #playerForm {
    float: left;
    width: 340px;
    padding-top: 40px;
}

#addPlayer #id_view_player {
    float: right;
    width: 175px;
}

#addPlayer #id_view_player img {
    width: 170px;
}

#addPlayer .btn {
    margin-left: 130px;
}

#playersList li {
    width: 450px;
    margin: 3em auto;
    border: 1px solid #b8c4d9;
}

#playersList li .editPlayer {
    text-align: center;
    padding: 1em 10px 1em;
}

#playersList li .editPlayer .newPlayerName {
    width: 110px;
}

#playersList li .editPlayer select {
    padding: 0;
}

#playersList li object {
    vertical-align: middle;
}


#playerEditWrapper {
    background: transparent url(/imgs/css/bg_grad_large.png) 0 0 repeat-x;
    border-top: 1.2em solid #edf0f5;
    text-align: center;
}

#playerEditWrapper div {
    width: 930px;
    text-align: left;
    margin: 0 auto 1em;
}

#playerEditWrapper object {
    background: transparent url(/imgs/css/bg_grad_large.png) 0 0 repeat-x;
    border-top: 1.2em solid #edf0f5;
    text-align: center;
}

#playerEditWrapper #adminWelcome {
    float: right;
    margin: 0;
    text-align: right;
    width: auto;
    padding: 0;
}


.fastHelp {
    float: right;
    margin-top: 5px;
    position: relative;
}

.fastHelp em {
    display: block;
    cursor: pointer;
    padding: 0 5px;
    border: 1px solid #b8c4d9;
    font-style: normal;
    font-size: 130%;
    background-color: #fff;
    color: #10387d;
}

.fastHelp .fastHelpEmHover {
    background-color: #b8c4d9;
    color: #fff;
}

.fastHelp div {
    background-color: #b9c7de;
    border: 1px solid #b8c4d9;
    display: none;
    text-align: justify;
    line-height: 1.3em;
    opacity: 0.85;
    padding: 8px;
    position: absolute;
    right: -10px;
    top: 20px;
    width: 250px;
    z-index: 20;
}

.invoicesPartnerInfo {
    margin: 1em 0;
    font-size: 110%;
}

.invoicesPartnerInfo strong {
     color: #1753b9;
}

/* ============= banners */

dl#banners dt strong {
    color: #1753b9;
    font-size: 130%;
    padding-right: 5px;
}

dl#banners dd {
    padding: 0.4em 10px 1.5em 25px;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #e4e9f0;
}

dl#banners dd strong {
    display: block;
    padding: 0 0 0.5em;
}

dl#banners dd textarea {
    margin-left: 10px;
    width: 780px;
    height: 90px;
}