/* - - - - - - - - - - - - - - - - - - - - -

Title : Style
Author : fiksie
URL : www.fiksie.com

Description : css typography file

Created :
Modified : -

- - - - - - - - - - - - - - - - - - - - - */

body { font-family:Arial, Helvetica, sans-serif; font-size:13px; }
body a { text-decoration:none; color:#333333;}
h2 { font-size:24px; font-weight:bold; padding-left:15px; padding-bottom:25px;}
h3 { font-size:12px; font-weight:bold; padding-left:15px; padding-bottom:25px;}


div.hr{ margin-top: 4px; margin-bottom: 10px; height: 1px; background: #998675; overflow: hidden;}
div.hr hr{ display: none;}

#account_display p { color:#CCCCCC;}
#account_display img { margin-left:5px;}

#header .bottom_line { border-bottom: 1px solid #CCCCCC; padding-bottom:4px; margin-bottom:4px;}

#menu { float:left;}
#menu li { display:inline; float:left; font-weight:bold; line-height:30px; height:30px; vertical-align:middle;}
#menu li a { color: #333333; text-decoration:none; float:left; height:30px; line-height:30px; display: inline block; vertical-align:middle; padding-left:5px; padding-right:5px;}
#menu li a:hover {background-color: #CCCCCC;}
#menu li a:active { background-image:url(../img/selected.jpg); background-position: bottom center; background-repeat:no-repeat;}

#navigation a { color:#999999;}
#navigation #logout a:hover { text-decoration:underline;}
#logout { float:right; padding-top: 8px; font-size:12px;}

#summary_table { width:480px; margin-top:20px; font-size:11px;}
#summary_table td { padding: 0 5px; border-top: 1px solid #c1c1c1;}

#summary_table .td_1 { width:70px; padding-left:30px;}
#summary_table .td_2 { width:100px; text-align:center;}
#summary_table .td_3 { width:80px; padding-left:20px;}
#summary_table .td_4 { width:80px; padding-left:20px;}
#summary_table .td_5 { width:100px; text-align:center; padding-right:10px;}

#quick_links h3 { padding-bottom:10px;}
#quick_links li a { font-weight:bold;}

#account_manager_table { font-size:10px; width:180px;}
#account_manager_table .td_1 { font-weight:bold; line-height:20px;}
#account_manager_table .td_2 { text-align:right;}

.ad_preview {}
.ad_preview tr td{  text-align:left;}


#footer p { font-size:12px; color:#333333; padding-left:15px; padding-right:5px;}

#sidebar_menu ul { padding-right: 15px; padding-bottom:15px;}
#sidebar_menu ul li { padding: 5px 0 5px 15px; font-size:11px; vertical-align:middle; font-weight:bold; border-bottom: 1px solid #999;}

form { padding: 10px; margin: 10px 0; position: relative;}
form label { font-weight:bold; padding-left:12px;}
#form_table {}
#form_table td { padding: 10px 0; }
#form_table td img { vertical-align:text-bottom; padding-left: 10px;}
#form_table .td1 {width:150px;}

.mselect {width:150px; height:80px;}
.grid { width:100%; margin-top:20px; font-size:11px; margin-bottom:40px;}
.grid td { padding: 0 5px; border-top: 1px solid #c1c1c1; line-height:normal;}


#reports_summary { width:100%; margin-top:20px; font-size:11px; margin-bottom:40px;}
#reports_summary td { padding: 0 5px; border-top: 1px solid #c1c1c1; text-align:center; line-height:normal;}

.orange_bg { background-color:#f58c3b; height:22px; line-height:22px;}
.orange_bg td { font-weight:bold; border-top: 1px solid #c27b3c;}
.white_bg { border-top: 1px solid #666; height:22px; line-height:22px; font-weight:bold;}
.gray_bg { background-color:#f4f4f4; border-top: 1px solid #666; height:22px; line-height:22px; font-weight:bold;}

#payments_summary { width:100%; margin-top:20px; font-size:11px; margin-bottom:40px;}
#payments_summary td { padding: 0 5px; border-top: 1px solid #c1c1c1; }

#payments_summary .td_1 { width:80px; padding-left:30px;}
#payments_summary .td_2 { width:200px; }
#payments_summary .td_3 { width:120px;}
#payments_summary .td_4 {}
#payments_summary .td_5 { width: 80px; padding-right:10px;}

#payments_paid { width:100%; margin-top:20px; font-size:11px; margin-bottom:40px;}
#payments_paid td { padding: 0 5px; border-top: 1px solid #c1c1c1; }

#payments_paid .td_1 { width:60px; padding-left:30px;}
#payments_paid .td_2 { width:150px; }
#payments_paid .td_3 { width:80px;}
#payments_paid .td_4 { width:100px;}
#payments_paid .td_5 { width: 80px;}
#payments_paid .td_6 {}
#payments_paid .td_7 { text-align:center; padding-right:10px;}

#application_table { width:100%; margin-top:20px; font-size:11px; border-bottom: 1px solid #c1c1c1; margin-bottom:40px;}
#application_table td { padding: 0 5px; border-top: 1px solid #c1c1c1; }

#application_table .td_1 { width:200px; padding-left:30px;}
#application_table .td_2 { width:100px; }
#application_table .td_3 { width:100px;}
#application_table .td_4 { width:80px;}
#application_table .td_5 { width: 80px;}
#application_table .td_6 { text-align:center; font-weight:bold; padding-right:10px;}

#application_table .yellow { background-image:url(../img/yellowdot.gif); background-repeat:no-repeat; background-position: center left; padding-left: 15px;}
#application_table .red { background-image:url(../img/reddot.gif); background-repeat:no-repeat; background-position: center left; padding-left: 15px;}
#application_table .green { background-image:url(../img/greendot.gif); background-repeat:no-repeat; background-position: center left; padding-left: 15px;}
#application_table .blue { background-image:url(../img/bluedot.gif); background-repeat:no-repeat; background-position: center left; padding-left: 15px;}
#application_table .purple { background-image:url(../img/purpledot.gif); background-repeat:no-repeat; background-position: center left; padding-left: 15px;}
#application_table .general { background-image:url(../img/blankdot.gif); background-repeat:no-repeat; background-position: center left; padding-left: 15px;}

#main ul { padding-left:15px; padding-top: 20px;}
#main ul li {margin-bottom:20px;}
#main ul li a { line-height:25px; font-size:14px; color:#0099CC; font-weight:bold; padding-left:30px;}
#main .word_files { background-image:url(../img/word_ico.gif); background-position:center left; background-repeat:no-repeat;}
#main .pdf_files { background-image:url(../img/pdf_ico.gif); background-position:center left; background-repeat:no-repeat;}
#main .excel_files { background-image:url(../img/excel_ico.gif); background-position:center left; background-repeat:no-repeat;}

#error_box { width: 400px; background-color:#ffebe8; border:1px solid #FF6600; min-height:35px; line-height:35px; vertical-align:middle; padding-left:5px; margin: 10px; font-size: 13px; font-weight: bold;}
#success_box { width: 400px; background-color: #f7f7f7; border:1px solid #009933; height:35px; line-height:35px; vertical-align:middle; padding-left:5px; margin: 10px; font-size: 13px; font-weight: bold;}
#info_box { width: 400px; background-color: #f7f7f7; border:1px solid #009933; vertical-align:middle; padding-left:5px; margin: 10px; font-size: 13px; font-weight: bold;}

#form_my_account { width:400px; font-size:12px;}
#form_my_account td { padding-bottom:10px;}
#form_my_account .td_1 { width: 150px;}
#form_my_account .td_2 { text-align:right; color:#FF6600;}
#form_my_account .td_2 input[type="text"] { width:180px; border: 1px solid #999999; background-color: #e1e1e1;}
#form_my_account .td_2 select { width:180px; border: 1px solid #999999; background-color: #e1e1e1;}

.po_table { width:100%; background-color:#DFD;}
.po_table td {border:0px solid; border-bottom:1px dotted #AAA;padding:5px;}
.po_table .icell {background-color:#AFA;}

.filter_block{ min-height:50px; float:left;padding-right:10px;}
.filter_block input[type="text"] {width:80px;}
.filter_block select {width:80px;}
.filter_block select[multiple="multiple"] {width:200px;}
.filter_block label{clear:both; display:block;}

#form_editform { width:600px; font-size:12px;}
#form_editform td { padding-bottom:10px;padding-top:10px;}
#form_editform .td_label { width: 150px; vertical-align:top; border-bottom:1px dotted #DDD;}
#form_editform .td_elm { text-align:right; color:#FF6600; border-bottom:1px dotted #DDD;}
#form_editform .td_elm input[type="text"] { width:300px; border: 1px solid #999999;}
#form_editform .td_elm input[type="file"] { width:300px; border: 1px solid #999999;}
#form_editform .td_elm select { width:300px; border: 1px solid #999999;}
#form_editform .td_elm textarea { width:300px; border: 1px solid #999999;}
#form_editform .td_btn { text-align:right; color:#FF6600; border-bottom:1px dotted #DDD; background-color:#EEE;padding:10px;}
#form_editform .td_btn input {font-size:15px;font-weight:bold;}

#form_my_application { width:550px; font-size:12px;}
#form_my_application td { padding-bottom:20px;}
#form_my_application .td_1 { width: 130px;}
#form_my_application .td_2 { text-align:right; color:#FF6600;}
#form_my_application .td_2 input[type="text"] { width:100px; border: 1px solid #999999; background-color: #e1e1e1;}
#form_my_application .td_2 select { width:100px; border: 1px solid #999999; background-color: #e1e1e1;}
#form_my_application .td_3 { width: 130px;}
#form_my_application .td_4 { text-align:right; color:#FF6600;}
#form_my_application .td_4 input[type="text"] { width:100px; border: 1px solid #999999; background-color: #e1e1e1;}

#main_lightbox table { width:400px; margin:0; pading:40px 0 80px 0;}
#header_lightbox a{ float:right; padding: 5px; font-weight:bold;}
#header_lightbox h2 { font-size:18px; font-weight:bold; padding-left:80px; padding-top:15px;}
#header_lightbox_channels h2 { font-size:18px; font-weight:bold; padding-left:30px; padding-top:15px;}
#header_lightbox_channels a {float:right; padding: 5px; font-weight:bold;}

#main_lightbox_channels p { padding:15px;}
#main_lightbox_channels form {padding:0px;}

#channels_form {width: 533px; padding-left:2px;}
#channels_form .lb_channel_yellow { width:533px; height:32px; background-image:url(../img/lb_channel_yellow.jpg); vertical-align:middle;}
#channels_form .lb_channel_red { width:533px; height:32px; background-image:url(../img/lb_channel_red.jpg); vertical-align:middle;}
#channels_form .lb_channel_green { width:533px; height:32px; background-image:url(../img/lb_channel_green.jpg); vertical-align:middle;}
#channels_form .lb_channel_blue { width:533px; height:32px; background-image:url(../img/lb_channel_blue.jpg); vertical-align:middle;}
#channels_form .lb_channel_purple { width:533px; height:32px; background-image:url(../img/lb_channel_purple.jpg); vertical-align:middle;}
#channels_form .lb_channel_blank { width:533px; height:32px; background-image:url(../img/lb_channel_blank.jpg); vertical-align:middle;}
#channels_form .submit { text-align:right; padding: 20px 20px 0 0;}
#channels_form span { line-height:32px; font-size:18px; font-weight:bold;}
#channels_form .small { font-size:12px; font-weight:normal; padding-left: 15px;}

#main textarea { margin-bottom:10px;}