* {font-family: Verdana; font-size: 11px; margin: 0; padding: 0;}
body {}


/* ###  elements default settings  ### */
a {text-decoration: none; outline: none;}
a:HOVER {text-decoration: underline;}
img {border: 0; margin: 0; outline: none;}
.top, .bottom {font-size: 1px;}
.ui-tabs-hide {display: none;}
h1, h1 * {font-size: 16px;}
fieldset {border: 0; margin: 0;}
input {border: 1px solid #bfbfbf; height: 16px;}
input.date {width:70px;}
input.imageSubmit { width: auto; height: auto; border: 0; float: none; clear: both; }
hr {border: 0; height: 1px;}
p.flashinfo { padding: 10px; border: solid 1px #ff0000; }
object { outline: 0; }

table.grayed { border-collapse: collapse; margin: 10px 0; border: solid 1px #000000; }
table.grayed td, table.grayed th { border: solid 1px #000000; padding: 3px; }
table.grayed th { text-align: center; }
table.grayed td { text-align: left; }
table.grayed td.center { text-align: center; }
table.grayed td.grayed, table.grayed th.grayed { padding: 5px 3px; background: #808080; color: #F4F4F4; font-weight: bold; }

/* ###  positioning  ### */
.floatWrapper {overflow: hidden;}
.left {float: left;} 
.right {float: right;}
.text_centered { text-align: center !important; }

/* ###  common colors  ### */
.textBlue, a.textBlue {color: #4f81bd;}
a.lightBlue {color: #00a1f2;}
.orange {color: #e46c3e;}
.underlined {text-decoration: underline;}
.hidden {display: none;}

.infoBoxSimple { padding: 5px; margin: 10px 0; border: solid 1px #83A343; margin-bottom: 20px; }
.infoBoxSimple * {color: #7f7f7f;}
.infoBoxSimple h1 {height: 20px;}

.infoBox {background: url(../images/registrationSuccess.gif) no-repeat 25px 50%; padding: 5px 5px 5px 100px; margin: 10px 0; border: solid 1px #83A343; margin-bottom: 20px; }
.infoBox * {color: #7f7f7f;}
.infoBox h1 {height: 20px;}
.notificationSuccess {border: 1px solid #83a343;}
#activated {background: url(../images/activationSuccess.gif) no-repeat 25px 50% !important; }

/* ###  multi page elements  ### */
.lead {color: #4f81bd; line-height: 130%; margin: 10px 0; text-align: justify;}
.lead a { color: #4f81bd; text-decoration: underline; }
.lead a:hover { color: #0f619d; }

.additional { color: #7F7F7F !important; }

.rightBox {width: 289px; }
.rightBox .body {border-left: 1px solid #f2f2f2 !important; border-right: 1px solid #f2f2f2 !important; padding-right: 0 !important;}
.rightBox .top {background: url(../images/rightBoxTop.gif) no-repeat !important;}
.rightBox .bottom {background: url(../images/rightBoxBottom.gif) no-repeat !important;}

.menu {}
.menu div {background: url(../images/menuHeaderBottom.gif) repeat-x bottom; color: #7aa7ea; font-family: Arial; font-size: 16px; height: 22px; line-height: 22px; text-indent: 3px;}
.menu ul {list-style-type: none;}
.menu ul li {height: 27px;}
.menu ul li.active a {font-weight: bold;}
.menu ul li a {background: url(../images/menuElementBottom.gif) repeat-x bottom; color: #000000; display: block; height: 27px; line-height: 27px; padding-left: 28px;}
.menu .abuse {background: url(../images/menuAbuse.gif) no-repeat 2px 2px;}
.menu .account {background: url(../images/menuAccount.gif) no-repeat 2px 1px;}
.menu .addressBook {background: url(../images/menuAddressBook.gif) no-repeat;}
.menu .history {background: url(../images/menuHistory.gif) no-repeat;}
.menu .campaigns {background: url(../images/menuCampaigns.gif) no-repeat 2px 2px;}
.menu .categories {background: url(../images/menuCategories.gif) no-repeat 2px 2px;}
.menu .messages {background: url(../images/menuMessages.gif) no-repeat 2px 2px;}
.menu .payments {background: url(../images/menuPayments.gif) no-repeat 2px 1px;}
.menu .settings {background: url(../images/menuSettings.gif) no-repeat 2px 2px;}
.menu .statistics {background: url(../images/menuStatistics.gif) no-repeat 2px 2px;}

#container {margin: 0 auto; width: 820px;}

#loginInfo {color: #bfbfbf; font-size: 12px; height: 36px; line-height: 36px; text-align: right;}
#loginInfo * {color: #bfbfbf; font-size: 12px;}
#top {margin-top: 15px;}
	#top #reklogo { margin-top: 10px; }

.blackBox {color: #ffffff; font-size: 10px; height: 71px; width: 117px; background: url(../images/blackBox.gif) no-repeat; padding: 8px 3px 0 3px; text-align: center;}
.blackBox strong {display: block; margin: 5px 0;}
.blackBox a {color: #ffffff;}
.blackBox * {font-size: 9px;}

#userInfo { background: url(../images/logout.gif) center right no-repeat; padding: 10px 15px 10px 0px; }
#userInfo a, #userInfo div {display: block; color: #4f81bd; height: 15px; line-height: 15px;; float: left; padding: 0 10px; border-right: solid 1px #4f81bd;}
#userInfo .logout { border: 0;}

#panelTop .notificationError, #panelTop .notificationSuccess {padding: 6px; margin-top: 8px; width: 468px;}
#panelTop .notificationError a, #panelTop .notificationSuccess a {color: #4f81bd; text-decoration: underline;}
#panelTop .notificationError {border: 1px solid #ff0000;}
#panelTop .notificationSuccess {border: 1px solid #83a343;}

#panelTop #balance { font-size: 11px !important; font-weight: bold; display:block; text-decoration: none; }
#panelTop #balance span { display: block; margin: 3px 0 2px; font-size: 13px; }
#panelTop #balance small { font-size: 8px; }

#panelTop #duration { font-size: 10px !important; font-weight: bold; display:block; text-decoration: none; }
#panelTop #duration span { display: block; margin: 3px 0 2px; font-size: 13px; }
#panelTop #duration small { font-size: 8px; }

#panelContent {margin-top: 10px;}
#panelContent .menu {width: 180px;}
#panelContent .left .messagesInfo {margin-top: 20px;}
#panelContent .left .messagesInfo a {font-size: 10px; margin-top: 20px;}
#panelContent .left .messagesInfo span {padding: 5px; display: block;}

#panelContent #main {width: 481px;}
#panelContent #main .body {border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; padding: 5px;}
#panelContent #main .top {background: url(../images/panelMainTop.gif) no-repeat; height: 5px;}
#panelContent #main .bottom {background: url(../images/panelMainBottom.gif) no-repeat; height: 5px;}
#panelContent #main .title {background: url(../images/menuHeaderBottom.gif) repeat-x bottom; color: #7aa7ea; font-family: Arial; font-size: 16px; height: 22px; line-height: 22px; margin-bottom: 8px; text-indent: 3px;}

#panelContent #main table {border-collapse: collapse; border-spacing: 0; border: 1px solid #e7e7e7; margin-top: 5px; width: 100%; }
#panelContent #main table * {font-size: 9px;}
#panelContent #main table a {color: #3AA1F6;}
#panelContent #main table td, #panelContent #main table th {border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; color: #7f7f95; vertical-align: top; padding: 2px 2px;}
#panelContent #main table thead td, #panelContent #main table thead th {border-bottom: 1px solid #e7e7e7; font-weight: bold; vertical-align: middle;}
#panelContent #main table.bordered td { border: 1px solid #e7e7e7; }
#panelContent #main table tr.warning td { font-weight: bold; color: #b20000 !important; }

#panelContent #main table.callHistory { border: 0; }
#panelContent #main table.callHistory tr, #panelContent #main table.callHistory td, #panelContent #main table.callHistory th { border: 0; }
#panelContent #main table.callHistory td.dayline { font-size: 14px; font-family: arial; color: #7AA7EA; border-bottom: solid 1px #7AA7EA; padding-top: 10px; }

.container {margin-left: 46px; width: 711px;}
.container .body {border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 0 10px;}
.container .top {background: url(../images/contentTop.gif) no-repeat; height: 9px;}
.container .bottom {background: url(../images/contentBottom.gif) no-repeat; height: 9px;}

#footer { margin-left: 45px; height: 26px; line-height: 26px; width: 711px; margin-right: 8px; }
#footer * {color: #4f81bd;}

/* ###  index  ### */
#index .columnLeft {width: 395px;}
#index .columnLeft .lead { margin-right: 10px; }
#index .columnRight {width: 289px;}

#index h1, #index h2 {font-family: Arial; font-weight: bold;}
#index h1 {color: #4f81bd; font-size: 18px; margin-top: 7px;}
#index h2 {color: #7f7f7f; font-size: 14px; line-height: 26px;}


.step1 { padding-left: 40px; background: url(../images/step1.gif) 5px 5px no-repeat;}
.step2 { padding-left: 40px; background: url(../images/step2.gif) 5px 5px no-repeat;}
.step3 { padding-left: 40px; background: url(../images/step3.gif) 5px 5px no-repeat;}

#index h2.step1, #index h2.step2, #index h2.step3 { font-size: 13px; color: #FFFFFF; padding-left: 35px; height: 26px; } 
#index .step1 { background: url(../images/start_step1.png) top left no-repeat; }
#index .step2 { background: url(../images/start_step2.png) top left no-repeat; }
#index .step3 { background: url(../images/start_step3.png) top left no-repeat; }


#index #tabs {margin-top: 10px;}
#index #tabs ul {list-style-type: none; margin-left: 4px;}
#index #tabs ul li {display: block; float: left; height: 21px; text-align: center;}
#index #tabs ul li {background: url(../images/tab.gif) no-repeat;}
#index #tabs ul li a {color: #bfbfbf;}
#index #tabs ul li.active {background: url(../images/tabActive.gif) no-repeat bottom; width: 82px;}
#index #tabs ul li.active a {color: #4f81bd;}

#callChooser { width: 394px; outline: 0px; }

#yourProfile {margin: 10px 0 25px 0;}
#yourProfile #age label, #yourProfile #age input {margin-right: 10px;}
#yourProfile #age {margin-top: 10px;}
#gender {margin-left: 20px;}
#gender label {display: block; float: left; height: 40px; position: relative; width: 20px;}
#gender .male {background: url(../images/profileGenderMale.gif) no-repeat center top;}
#gender .female {background: url(../images/profileGenderFemale.gif) no-repeat center top;}
#gender input {position: absolute; bottom: 0; left: 8px; border: 0;}
#gender span {display: block; float: left; height: 40px; line-height: 34px; margin-right: 5px;}
#yourProfile #age label {width: 80px;}

#callNumbers {margin: 10px 0 0 4px;}
#callNumbers #callFrom, #callNumbers #callTo { clear: both; }
#callNumbers #callFrom select, #callNumbers #callFrom input, #callNumbers #callFrom a {float: left; margin-right: 2px;}
#callNumbers #callTo select, #callNumbers #callTo input, #callNumbers #callTo a {float: left; margin-right: 2px;}
#callNumbers input {border: 1px solid #bfbfbf; color: #000000; height: 16px; padding: 2px 0px 0px 0px; width: 160px; font-size: 10px;}
#callNumbers input.checkbox {width:auto; font-size: 10px; border: none;}
#callNumbers erase-form { cursor: pointer;}
#callNumbers label { width: 230px; padding: 0; font: 9px Arial; text-align: left; line-height: 16px;  }
#callNumbers #cbdiv { padding:0 7px 10px 7px; height: 15px;}

#index #pigSays {background: url(../images/indexPigSays.gif) no-repeat; height: 125px; width: 275px;}
#index #pigSays span,
#index #pigSays li, #index #pigSays li a {color: #a6a6a6;}
#index #pigSays	* {font-size: 9px;} 
#index #pigSays h2 a {font-size: 14px; color: #a6a6a6;}
#index #pigSays div {padding: 12px 0 0 105px; width: 150px;}
#index #pigSays span {display: block; margin-top: 10px; text-align: right;}
#index #pigSays ul {list-style-type: none;}
#index #pigSays ul li {background: url(../images/ulTicks.gif) no-repeat 0 3px; padding-left: 12px; height: 12px;}
 
#index .menu {margin-left: 10px; width: 165px;}
#index #yourAccount {margin: 25px 10px 0 0;}

.fullText {padding: 15px !important;}
.fullText .title {background: url(../images/menuHeaderBottom.gif) repeat-x bottom; color: #7aa7ea; font-family: Arial; font-size: 16px; height: 22px; line-height: 22px; margin-bottom: 8px; text-indent: 3px;}


/* ###  login  ### */
#loginBox {margin: 0 auto; width: 275px;}
#loginBox h1 {color: #4f81bd; margin: 0 0 10px 10px;}
#loginBox .body {border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 0 0 5px 0;}
#loginBox .top {background: url(../images/loginBoxTop.gif) no-repeat !important;}
#loginBox .bottom {background: url(../images/loginBoxBottom.gif) no-repeat !important;}
#loginBox .top, #loginBox .bottom {height: 8px;}
#loginBox fieldset {background: #f2f2f2; height: 70px; padding: 10px;}
#loginBox label {color: #4f81bd; width: 55px;}
#loginBox input {margin-right: 0; width: 185px;}
#loginBox p {margin: 0 0 2px 0;}
#loginBox .indention {margin: 5px 0 0 65px;}
#loginBox p.checkbox input {border: 0; margin: 0 5px 0 10px; display: inline;}
#loginBox p.checkbox label {color: #000000; font-size: 10px; text-align: left; width: 210px;}
#loginBox a {font-size: 10px;}

/* ###  register  ### */
.passwordStrength { height: 18px; }
.passwordStrength label {font-size: 9px; color:#A6A6A6;}
.passwordStrength ul {list-style: none; margin: 0; padding: 3px 0 0 0;}
.passwordStrength ul li {float: left; display: block; width: 33px; height: 5px; border: solid 1px #FFF;}
#vatTrigger { margin-left: 210px; }

/* ###  about pages ### */
#about { padding-bottom: 10px; }
#about div.lead { margin: 10px auto 20px; }
#about div.lead div.top, #adHistory .bottom { height: 6px; }
#about div.lead div.top { background: url(../images/adHistory_top.gif) no-repeat top left; }
#about div.lead div.bottom { background: url(../images/adHistory_bottom.gif) no-repeat top left; }
#about div.lead div.middle { border-left: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9; padding-left: 80px; }
#about div.lead div.middle p { padding: 10px; margin: 0; }

#about div.lead .iconFaq { background: url(../images/icoFaq.gif) 10px center no-repeat; }
#about div.lead .iconAdvertiser { background: url(../images/icoAdvertiser.gif) 20px center no-repeat; }
#about div.lead .iconPress { background: url(../images/icoPress.gif) 8px center no-repeat; }
#about div.lead .iconRules { background: url(../images/icoRules.gif) 8px center no-repeat; }

#about h2 { color: #7AA7EA; font-weight: bold; font-family: arial; font-size: 16px; margin-bottom: 15px; border-bottom: solid 1px #BFBFBF; }
#about h3 { font-weight: bold; font-size: 13px; color: #4F81D5; margin: 20px 0 15px; }
#about h3.numbered { color: #000000; font-size: 16px; }
#about h4 { font-weight: bold; font-size: 11px; color: #4F81D5; margin: 10px 0 10px; }
#about h4.additional { font-size: 14px; margin-bottom: 3px; }

#about p, #about ul, #about ol { color: #000000; }
#about p.hdesc { margin-top: -10px; font-size: 12px; }

#about p { margin-bottom: 10px; text-align: justify; }
#about ol, #about ul { margin: 5px 0; }
#about ol li, #about ul li { margin: 5px 0 0 25px; }

#about .columnLeft { width: 380px; }
#about .columnRight { width: 290px; }

#about .columnRight .box { width: 288px; margin-bottom: 10px; }
#about .columnRight .box .top { height: 9px; background: url(../images/faq_top.gif) top left no-repeat; }
#about .columnRight .box .middle { background: #F0F0F0; padding: 10px; }
#about .columnRight .box .bottom { height: 9px; background: url(../images/faq_bottom.gif) top left no-repeat; }
#about .columnRight .box h1 { font-weight: bold; font-size: 16px; color: #7E7E7E; font-family: arial; }
#about .columnRight .box p { color: #000000; }

#about .columnRight .search input, #about .columnRight .search a { float: left; } 
#about .columnRight .search input { width: 210px; margin: 3px 3px 0 0; padding-top: 1px; font-size: 10px; }
#about .columnRight .search input.imageSubmit { clear: none; margin: 0; padding: 0; }

#about .targetinfo ul { margin: 0; padding: 0; list-style: none; }
#about .targetinfo ul li { margin: 2px; padding: 0; padding-left: 20px; }
#about .targetinfo ul.checkbox li { background: #FFFFFF url(../images/targetinfo_checkbox.png) left top no-repeat; }
#about .targetinfo ul.checkbox li.checked { background: #FFFFFF url(../images/targetinfo_checkbox_checked.png) left top no-repeat; }
#about .targetinfo ul.radio li { background: #FFFFFF url(../images/targetinfo_radio.png) left top no-repeat; }
#about .targetinfo ul.radio li.checked { background: #FFFFFF url(../images/targetinfo_radio_checked.png) left top no-repeat; }

fieldset.contact { background: #FFFFFF; padding: 10px; margin-top: 10px; }
fieldset.contact p { margin: 5px 0; }
fieldset.contact label { width: 70px; font-weight: bold; font-size: 10px; color: #595471; }
fieldset.contact input { width: 130px; }
fieldset.contact textarea { float: left; width: 160px; height: 50px; border: 1px solid #BFBFBF; }
fieldset.contact p.strap { display: none; }
fieldset.contact input.submit { margin-left: 80px; }


/* ###  forms  ### */
.errors {background: url(../images/errorsExclamationMark.gif) no-repeat 16px center #ffcdcd; border: 1px solid #ff0000; margin-bottom: 20px; padding: 15px 25px 15px 55px;}
.errors * {font-size: 10px;}
.errors a {color: #000000;}
label, input, select {display: block; float: left;}
select {margin-right: 5px; width: 55px;}
label {width: 200px; text-align: right; padding-right: 10px;}
label.explanation {color: #a6a6a6; font-size: 9px; text-align: left;}
label.inline { display: inline; text-align: left; }
label.radio {border: 0; display: inline; margin-right: 3px; width: auto;}
.warning label {color: #ff0000;}
input {width: 210px; margin-right: 10px;}
em {color: #ff0000; margin: 0 3px; font-style: normal; font-weight: bold;}
fieldset p {clear: both; overflow: hidden; margin-bottom: 2px; }
fieldset p.textarea { height: auto; }
input.radio {width: 14px !important;}
input.checkbox {width: 14px !important;}
input.radio, input.checkbox {border: 0;}
input.callNumber {width: 136px; height: 16px; padding-top: 2px; }
input.zip { width: 45px; margin-right: 5px; } 
input.city { width: 158px; }
input.nip { width: 105px; }
.warning input {border: 1px solid #ff0000;}
textarea.notices { width: 210px; height: 50px; margin-bottom: 10px; }
.formFooter { background: url(../images/menuHeaderBottom.gif) repeat-x top; padding-top: 5px; } 

.paramGroups {float: left; width: 146px;}
.paramGroups * {font-size: 9px;}
.paramGroups label {width: 47px; margin: 30px 2px 0 0; text-align: right;}
.paramGroups fieldset input {margin-right: 2px;}
.paramGroups fieldset label {text-align: left; width: 70px; margin: 0; padding: 0;}

.registerCampain .paramGroups { margin-left: 7px; }
.registerCampain .paramGroups label {width: 45px; margin: 20px 2px 0 0; text-align: left; color: #060331; font-size: 11px;}
.registerCampain .paramGroups fieldset input {margin-right: 2px;}
.registerCampain .paramGroups fieldset label {text-align: left; width: 70px; margin: 0; padding: 0; font-size: 9px; }
.registerCampain #campaignDetails label {font-size: 9px; line-height: 16px; width: 190px;}
.registerCampain #campaignDetails label.w50 {width: 50px;}
.registerCampain #campaignDetails textarea { width: 210px; height: 60px; }

.registerCampain #regcloud { float: right; width: 199px; height: 115px; padding: 28px 13px 10px 10px; overflow: hidden; }
.registerCampain #regcloud * { font-family: arial; font-size: 9px; color: #7F7F95; }
.registerCampain #regcloud p { margin: 0; }
.registerCampain #regcloud ol { margin: 0px 0px 0px 18px; padding: 0; }
.registerCampain #regcloud ol li { margin: 0; padding: 0; }
.registerCampain .regcloudBackground { background: url(../images/regcloud.gif?v=2) 416px 13px no-repeat; }

#formPosition { margin-top: 10px; }
#formPosition strong { margin-right: 7px; margin-top: 3px; color: #77626A; }
.rules { margin-top: 11px; margin-left: 15px; font-size: 10px; }

#newCampaign h2 {color: #a6a6a6; font-size: 12px; font-weight: normal; margin-bottom: 10px;}
#newCampaign p {margin-bottom: 2px;}
#newCampaign fieldset {margin: 0 0 10px 0;}
#newCampaign #campaignDetails label {font-size: 9px; line-height: 16px; width: 190px;}
#newCampaign #campaignDetails label.w50 {width: 50px;}
#newCampaign #campaignDetails input.date {width: 70px;}
#newCampaign #campaignDetails input {width: 250px;}
#newCampaign #campaignDetails input.price {margin-right: 2px; width: 35px}
#newCampaign #campaignDetails textarea {margin-left: -10px; width: 250px; height: 50px; border: 1px solid #BFBFBF; margin: 0 !important; padding: 0 !important; }
#newCampaign #campaignDetails select.budget_period {width: 78px;}
#newCampaign #campaignDates span {display: block;}
#newCampaign #campaignDates span.start {width: 95px;}
#newCampaign #campaignDates span.end {width: 150px; margin-left: 14px;}
#newCampaign #campaignDates span.end label {width: 50px; padding: 0} 
#newCampaign #campaignDates span * {display: inline; margin-right: 2px;}
#newCampaign #campaignTarget {border: 1px solid #bfbfbf; padding: 10px;}
#newCampaign #campaignTarget h2 {color: #000000;}
#newCampaign #target {display: inline; margin: 0 5px 0 200px;}
#newCampaign #gender {margin: 20px 0 0 24px;}
#newCampaign hr {background: url(../images/hrBackground.gif) repeat-x; clear: both; margin: 10px auto; width: 80%;}
#newCampaign input.campaignAdd {margin-right: 15px;}

#settings h2 {color: #a6a6a6; font-size: 12px; font-weight: normal; margin-bottom: 10px;}
#settings p {margin-bottom: 2px;}
#settings fieldset {margin: 0 0 10px 0;}
#settings fieldset label { width: 130px; }
#settings fieldset label.inline { width: auto; display: inline; }
#settings fieldset label.explanation {width: 120px;}
#settings fieldset input { width: 180px; }
#settings fieldset input.callNumber { width: 106px; }
#settings #vatTrigger { margin-left: 140px; }
#settings input.zip { width: 45px; margin-right: 5px; } 
#settings input.city { width: 128px; }
#settings input.nip { width: 105px; }
#settings textarea.notices { width: 180px; height: 50px; margin-bottom: 10px; }\

#messageProperties p {margin-bottom: 2px;}
#messageProperties fieldset {margin: 0 0 10px 0;}
#messageProperties fieldset label { width: 70px; }
#messageProperties fieldset label.inline { width: auto; display: inline; }
#messageProperties fieldset input { width: 180px; }
#messageProperties fieldset input.subject { width: 340px; }
#messageProperties #vatTrigger { margin-left: 140px; }
#messageProperties input.zip { width: 45px; margin-right: 5px; } 
#messageProperties input.city { width: 128px; }
#messageProperties input.nip { width: 105px; }
#messageProperties textarea.message { width: 420px; height: 100px; margin-top: 10px; margin-bottom: 10px; }

#messageProperties .msgField { border: solid 1px #C9C9C9; }
#messageProperties .msgField span { display: block; padding: 2px; }
#messageProperties .msgLabel { padding: 2px; width: 65px; text-align: right;}
#messageProperties .msgLine { margin-top: 7px; }
#messageProperties .msgSender { margin-left: 10px; width: 190px; }
#messageProperties .msgDate { margin-left: 10px; width: 128px; }
#messageProperties .msgSubject { margin-left: 10px; width: 388px; }
#messageProperties .msgBody { height: 60px; overflow: auto; }

fieldset div.filterBox { padding: 10px 0px 10px 25px; color: #000000; }
fieldset div.filterBox label { width: 130px !important; }
fieldset div.filterBox input { width: 150px; }
fieldset div.filterBox select { width: auto; }
fieldset div.filterBox p { margin: 5px 0; color: #000000; }


#paymentSms { padding: 10px 0; width: 195px; margin: 0 auto; }
#paymentSms input { width: 100px; float: left; margin-right: 5px; margin-top: 5px; margin-left: 10px; }
#paymentSms a { float: right; margin-right: 10px; }

.commonPanel h2 {color: #a6a6a6; font-size: 12px; font-weight: normal; margin-bottom: 10px;}
.commonPanel p  {margin-bottom: 2px; color: #4e81d4; }
.commonPanel ol { margin: 10px 0 10px 20px; }

#adHistory { width: 689px; margin: 0 auto; }
#adHistory .top, #adHistory .bottom { height: 6px; }
#adHistory .top { background: url(../images/adHistory_top.gif) no-repeat top left; }
#adHistory .bottom { background: url(../images/adHistory_bottom.gif) no-repeat top left; }
#adHistory .middle { border-left: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9; }
#adHistory .left { width: 250px; margin-left: 10px; }
#adHistory .left h1 { color: #F2860A; font-weight: bold; font-size: 14px; }
#adHistory .left h1 strong { color: #000000; }
#adHistory .left p { text-align: justify; color: #6F81BD; }
#adHistory .right { margin-right: 5px; }
#adHistory span.fraud { float: right; margin-top: 5px; }
#adHistory span.fraud a { color: #6F81BD; display: block; text-decoration: underline; padding-right: 25px; background: url(../images/fraud.gif) right center no-repeat; }
#adHistory span.fraud a:hover { color: #6F81BD; text-decoration: none; }

#player { text-align: center; }
#player embed { margin: 10px auto; width: 540px; height: 305px; }

#ranking { list-style: none; margin: 20px 10px 10px 10px; }
#ranking li { display: block; border-bottom: solid 1px #D9D9D9; padding: 10px 0; }
#ranking li img { width: 76px; height: 56px; float: left; border: solid 1px #D5D5D5; }
#ranking li .info { float: left; margin-left: 40px; font-weight: bold; width: 450px; font-weight: normal; }
#ranking li .status { margin-top: 15px; }

/* ### campaign statistics filters ### */
#campaignStatisticsFilters {margin-bottom: 5px;}
#campaignStatisticsFilters h2 {width: 169px; float: left;}
#campaignStatisticsFilters p label {color: #000000; padding-right: 5px;}
#campaignStatisticsFilters p input {margin-right: 2px;}
#campaignStatisticsFilters p {height: 20px;}
#campaignStatisticsFilters input.campaignName {width: 280px;}

/* LANDING PAGE */

.landingPage * { font-size: 12px; }
	.landingPage .block { border: solid 1px #B6D4F2; background: url(../images/landing_block_background.gif) left bottom repeat-x; margin-top: 10px; padding-bottom: 12px; }
	.landingPage h1 { border: 0; margin: 0; padding: 0; height: 45px; overflow: hidden; }
	.landingPage p { color: #000000; }
	.landingPage p.lead { font-weight: bold; font-size: 14px; padding: 10px; margin: 0; background: #E6F3FF; }
	.landingPage ul.why { margin: 0; padding: 0; list-style: none; }
	.landingPage ul.why li { text-indent: 25px; margin: 15px 10px !important; font-size: 12px; background: url(../images/landing_arrow.png) left 2px no-repeat; line-height: 1.3em; }
	
	.landingPage .faq a { display: block; background: #EFF7FF url(../images/landing_arrow.png) 10px 12px no-repeat; padding: 10px 10px 10px 25px; outline: 0; font-weight: bold; }
	.landingPage .faq a.roll { background: #EFF7FF url(../images/landing_arrow_roll.png) 10px 12px no-repeat; }
	.landingPage .faq .odd a { background-color: #F8FCFF; }
	.landingPage .faq .description { padding: 10px; }
	
/* Agent Form */
.content-main h3 {color: #277ccf; text-transform: uppercase; letter-spacing: -1px; font-size: 12pt; font-weight: 600; font-family: arial; padding-bottom: 10px;}
h3.header-with-icon {height: 55px; line-height: 68px; border: none; margin:0; padding: 0; padding-bottom: 20px; vertical-align: middle;}
h3.bottom-heading { clear: both; border-top: 1px #277ccf solid; padding-top: 15px; padding-bottom: 0;}
div.content-top {width: 711px; height: 10px; background: #fff url(../images/contentBgTop.gif) no-repeat}
div.content-bottom {width: 711px; height: 10px; background: #fff url(../images/contentBgBottom.gif) no-repeat}
div.content-main { width: 689px; border-left: 1px #d9d9d9 solid; border-right: 1px #d9d9d9 solid; padding: 10px; padding-top: 0; padding-bottom: 0;}
div.notice {border-top: 1px #277ccf solid; margin-top: 5px; padding-top: 5px; font-size: 0.8em; color: #000;}
#registerAgentForm {display:block; width: 429px; height: 47px; padding-top: 20px; margin: 10px auto; background: url(../images/formBackground.gif) no-repeat; }
#registerAgentForm label {width: 100px;}
ul.bullet-list {list-style-type: none; margin: 0 20px 0 10px; padding: 10px;}
ul.bullet-list li{background: url(../images/bulletImage.gif) no-repeat left; min-height: 21px; border-bottom: 1px solid #d9d9d9; margin:0; padding: 5px 0 5px 30px ;}
ul.bullet-list li.last{ border: 0;}
div.content-main p { line-height: 1.5em;}
/* /Agent Form */

/* Call Disabled */
ul.inline { list-style-type: none;}
ul.inline li { display: inline; margin:0 !important; padding: 0;}