/* Video Defaulters
 * Last Update: 2009-01-07
 * Author: Kirk Beard <kirk@kirkbeard.com>
--------------------------------------------- */


/* =Layout
--------------------------------------------- */
body { background:#c0c0c0 url(../images/layout/site-bg.gif) scroll repeat-x; }


/* =Header 
--------------------------------------------- */
#hd { height:131px; background:transparent url(../images/layout/hd-bg.jpg) scroll no-repeat 50% 0; }
#hd .container_12 { margin-bottom:0; }
#hd form { float:right; padding:30px 40px 0; }
#hd form .text { background:transparent url(../images/layout/secure-input.gif) scroll no-repeat; border:0; height:15px; width:101px; padding:5px 5px; color:#999999; margin-right:10px; }
#hd form .text:focus { color:#000000; }
#hd form input { vertical-align:middle; }
#hd #logout { float:right; background:transparent url(../images/layout/logout.gif) scroll no-repeat; margin-top:30px; color:#999; height:25px; }
#hd #logout span { background:transparent url(../images/layout/logout-inner.gif) scroll no-repeat right top; padding:0 9px; line-height:25px; display:block; }
#logo { margin:0; }
#logo a { display:block; height:85px; width:290px; background:transparent url(../images/layout/logo.jpg) no-repeat 50% 50%; }
#logo span { display:none; }

#nav { margin:0; padding:0 0 0 390px; list-style:none; height:46px; }
#nav li { margin:0; padding:0; list-style:none; float:left; }
#nav li a { height:35px; display:block; background-image:url(../images/layout/pri-nav.gif); background-repeat:no-repeat; }
#nav li a span { display:none; }

#nav li a#n-home { background-position:-0px 0; width:105px; }
#nav li a#n-testimonials { background-position:-105px 0; width:142px; }
#nav li a#n-media { background-position:-247px 0; width:99px; }
#nav li a#n-contact { background-position:-346px 0; width:134px; }
#nav li a#n-links { background-position:-480px 0; width:80px; }


#nav li a#n-home:hover,
#nav li.sel a#n-home { background-position:-0px -35px;}
#nav li a#n-testimonials:hover,
#nav li.sel a#n-testimonials { background-position:-105px -35px; }
#nav li a#n-media:hover,
#nav li.sel a#n-media { background-position:-247px -35px; }
#nav li a#n-contact:hover,
#nav li.sel a#n-contact { background-position:-346px -35px; }
#nav li a#n-links:hover,
#nav li.sel a#n-links { background-position:-480px -35px; }


#nav li a:hover,
#nav li.sel a { background-position:0 -35px; }


/* =Admin Menu
--------------------------------------------- */
#admin-menu { font-weight:bold; height:41px; font-size:14px; background:transparent url(../images/layout/admin-menu-bg.gif) scroll repeat-x; margin:0; padding:0; width:100%; }
#admin-menu ul { margin:0; padding:0; margin-left:5px; height:41px; }
#admin-menu li { width:116px; display:block; float:left; height:41px; margin:0; padding:0; list-style:none; }
#admin-menu li a { color:#555; background:transparent url(../images/layout/admin-link-tab.gif) scroll no-repeat; display:block; margin-top:7px; text-align:center; height:34px; line-height:34px; text-decoration:none; font-weight:bold; }
#admin-menu li a:hover { color:#000; background-position:0 -34px; }
#admin-menu li.sel a { color:#000; background-position:0 -34px; }
 
 
/* =Content
--------------------------------------------- */
#bd { background:#d7d7d7 url(../images/layout/bd-bg.gif) scroll repeat-y 50% 0; /* padding-top:40px; */ min-height:350px; }
* html body #bd { height:350px; }
#bd h1 { font-size:1.6em; margin-bottom: 10px; line-height:1; }
#bd h2 { font-size:1.3em; margin-bottom: 10px; line-height:1; }
#bd h3 { font-size:1.1em; margin-bottom: 10px; line-height:1; }
abbr { cursor:help; }
/* a { color:#339fdd; } */
a { color:#1a85c3; }

a:hover { color:#43b0ef; }
.fr { float:right; margin-left:20px; margin-bottom:20px; }


/* =Footer
--------------------------------------------- */
#ft { background:transparent url(../images/layout/ft-bg.jpg) scroll no-repeat 50% 0; padding-top:35px; height:150px; color:#6b6b6b; font-size:11px; }
#ft p { margin:0; }
#ft p a { color:#555555; text-decoration:none; margin-right:5px; }
#ft p a:hover { text-decoration:underline; }
#ft .grid_2 { text-align:center; }

#kb { display:block; width:96px; height:30px; background:transparent url(../images/layout/kb.gif) scroll no-repeat; margin:auto; }
#kb:hover { background-position:0 -30px; }
#kb span { display:none; }



/* =Table
--------------------------------------------- */
table.stan { width:100%; margin:auto; margin-bottom:2em; }
table.stan tr th { background:#5d3662 url(../images/th.gif) scroll repeat-x; color:#fff; font-weight:bold; border:0; padding:5px 7px 3px; font-size:12px; text-align:left; border-bottom:2px solid #461b46; }
table.stan tr th a { color:#fff; } 
table.stan tr td { border-bottom:1px solid #ccc; vertical-align:top; padding:5px 7px; font-size:12px; }
table.stan tr.even td { background:#f7f7f7; }
table.stan tr.odd:hover,
table.stan tr.even:hover { background:#e8f2f9; }
table.stan td.nopayments { color:#BEBEBE;; }
table.stan td.monthselected {  font-weight:bold; color:#000000;}
table.btn { width:100%; margin:auto; margin-bottom:2em; background:#C9A7CD;}
table.btn tr.hr {  font-size:15px; font-weight:bold;}


body table.stan tr.statement-divider td { border-bottom: 2px solid #aaa; background:#bababa url(../images/statement-divider.gif) scroll repeat-x; font-weight: bold; font-size:1.1em; line-height:1.5em; color:#666; padding:5px 7px; }


body table.stan tr td.r,
body table.stan tr th.r { text-align:right; }
body table.stan tr td.c,
body table.stan tr th.c { text-align:center; }



/* =Table Actions
--------------------------------------------- */
.blockactions a { display:block; margin-bottom:3px;  }
.actions a { margin-right:15px; background-repeat:no-repeat; background-position:0 50%; padding-left:20px; height:16px; display:block; float:left; }
.i-edit { background-image:url(../images/icons/user_edit.png); }
.i-view { background-image:url(../images/icons/user_go.png); }
.i-payment { background-image:url(../images/icons/coins.png); }

/* =Defaulter Details
--------------------------------------------- */
.def-print { background:transparent url(../images/icons/printer.png) scroll no-repeat 0 50%; padding-left:20px; height:16px; line-height:16px; display:block;}
.az-print { background:transparent url(../images/icons/printer.png) scroll no-repeat 0 50%; padding-left:20px; height:20px; line-height:16px; display:block;float:right; }

.def-plan { margin-right:15px; background-repeat:no-repeat; background-position:0 50%; padding-left:20px; height:16px; display:block; float:left;background-image:url(../images/icons/coins.png); }
.def-edit { margin-right:15px; background-repeat:no-repeat; background-position:0 50%; padding-left:20px; height:16px; display:block; float:left;background-image:url(../images/icons/user_edit.png); }

/* =Member Statements
--------------------------------------------- */
.statement-preview { background:transparent url(../images/layout/statement-bg.gif) scroll repeat-y; }
.statement-preview-top { background:transparent url(../images/layout/statement-bg-top.gif) scroll no-repeat; }
.statement-preview-bottom { background:transparent url(../images/layout/statement-bg-bottom.gif) scroll no-repeat left bottom; padding:20px; }
.print-statement { padding:5px; text-align:center; margin-bottom:5px; height:18px;}
.i-print { background:transparent url(../images/icons/printer.png) scroll no-repeat 0 50%; padding-left:20px; height:16px; line-height:16px; display:block; float:right; }

/* =Member Help
--------------------------------------------- */
.i-help { background:transparent url(../images/icons/help.png) scroll no-repeat 0 50%; padding-left:20px; height:16px; line-height:16px; display:block; float:right; }


/* =Sidebar Details
--------------------------------------------- */
.sidebar-details { background:#ffefb8 url(../images/layout/stats-bg.jpg) scroll repeat-x; border:1px solid #ead795; margin:0 0 20px; padding:10px 0; }
.sidebar-details h3 { padding:0 10px; margin:0 0 5px; }
.sidebar-details dl { padding:0 10px; }
.sidebar-details dl dt { line-height:2em; clear:left; float:left; width:160px; font-weight:bold; }
.sidebar-details dl dd { line-height:2em; }
.sidebar-details p { padding:0 10px; }
.sidebar-details ul { margin:0 1em; list-style-type: disc; }
.sidebar-details li { margin-bottom:10px; }
.sidebar-details li a { padding:0 1px; color:#000; text-decoration:none; }
.sidebar-details li a:hover { background-color:#ffe793; }



/* =Admin Links (shown on member homepage)
--------------------------------------------- */
.admin-links, .admin-links li { list-style:none; margin:0; padding:0; }
.admin-links { margin-left:10px; }
.admin-links li { margin-bottom:10px;  }
.admin-links a { background-repeat:no-repeat; padding-left:46px; display:block; text-decoration:none; height:45px; padding-top:5px; }
.admin-links a strong { font-weight:bold; font-size:1.1em; display:block; line-height:1.1em; }
.admin-links a img { vertical-align:middle; }
.admin-links a:hover strong { text-decoration:underline; }
.admin-links a span { color:#999; }
.admin-links a:hover span { color:#666; /* border-bottom: 1px dashed #999; */ }

#admin-members-list { background-image:url(../images/icons/admin-members-l.jpg)}
#admin-statements-list { background-image:url(../images/icons/admin-statements-l.jpg)}
#admin-downloads-list { background-image:url(../images/icons/admin-downloads-l.jpg)}
#admin-new-member { background-image:url(../images/icons/admin-newmmeber.jpg)}
#admin-password { background-image:url(../images/icons/member_password.jpg); }
#admin-ndr { background-image:url(../images/icons/admin-ndrlogo.jpg); }
#admin-articles { background-image:url(../images/icons/newspaper.png); }


/* =News Articles
--------------------------------------------- */
.news-header { margin:0 0 10px; height:53px; border-bottom:1px solid #ddd; font-size:13px; color:#999; }
.news-header a { color:#999; text-decoration:none; }
.news-header a:hover { text-decoration:underline; color:#888; }
.news-header p { margin:0; }
.news-title { font-size:22px; font-weight:bold; color:#000; padding:10px 0 0; line-height:20px; }
.news-date { background:transparent url(../images/layout/cal.jpg) scroll no-repeat; float:left; width:38px; height:47px; margin:0 10px; color:#339fe1; text-align:center; }
span.date-m { display:block; padding:15px 0 0px; font-size:11px; line-height:11px; }
span.date-d { display:block; font-size:14px; line-height:18px; margin:0; font-weight:bold; }
.news-article { margin:0 0 25px; }



.article-header { margin:0 0 10px; height:53px; border-bottom:1px solid #ddd; font-size:13px; color:#999; }
.article-header a { color:#999; text-decoration:none; }
.article-header a:hover { text-decoration:underline; color:#888; }
.article-header p { margin:0; }
.article-title { font-size:22px; font-weight:bold; color:#000; padding:10px 0 0; line-height:20px; }
.article-date { background:transparent url(../images/icons/newspaper.png) scroll no-repeat; float:left; width:38px; height:47px; margin:0 10px; color:#339fe1; text-align:center; }


/* =Form
--------------------------------------------- */
form h3 { border-bottom:1px solid #ddd; margin:1em 0 .5em; padding:0; line-height:1.2em; }
form fieldset { margin:0 0 10px; padding:0; border:0; }
form fieldset label { float:left; display:block; width:150px; margin:0 10px 0 0; font-weight:bold; line-height:1.5em; }
form fieldset div.field { float:left; width:440px; margin:0 10px 0 0; line-height:1.5em; }
form fieldset div.field label { float:none; width:auto; font-weight:normal; }
form fieldset div.field input[type="text"],
form fieldset div.field input[type="password"],
form fieldset div.field textarea,
form .fieldfw textarea { padding:2px; border:1px solid #ccc; margin:0 0 5px; }
form .fieldfw textarea { width:77%; }
form fieldset div.field input[type="text"]:focus,
form fieldset div.field textarea:focus { border-color:#aaa; }
form fieldset div.explain { clear:left; width:450px; color:#666; padding:0 0 10px 160px; font-size:.85em; }
form fieldset div.fielderror { color:#d00; font-weight: bold; }

form fieldset label .required { background: url(../images/icons/req-field.gif) scroll no-repeat 0 50%; padding-left:15px; margin-left:5px; color:#eb4900; }
form fieldset div.field .required { background: url(../images/icons/req-field.gif) scroll no-repeat 0 50%; padding-left:15px; margin-left:5px; color:#eb4900; }
form .required-explaination { background: url(../images/icons/req-field.gif) scroll no-repeat 0 50%; padding-left:15px;  }


form .submit { text-align:center; padding:10px 0; }
form .submit input { font-weight:bold; padding:2px 8px; margin:0 .5em; }
form .submit input[type=button] { font-weight:normal; }


form.rform { background:#fff url(../images/icons/member-search.jpg) scroll no-repeat; }
form.rform h4,
form.rform p { padding-left:25px; margin:0; }
form.rform h4 { font-size:1.1em; }
form.rform fieldset { margin:6px 0 1px; }
form.rform fieldset label { text-align:right; }
form.rform .submit { text-align:left; padding:0 0 20px 160px; }
form.rform .submit input { margin:0; }

/* fixes alignment issues with widget forms */
body form.widget-form div.field { width:auto; }
/*
body form.widget-form .error-msg-start,
body form.widget-form .error-msg,
body form.widget-form .error-msg-short-start,
body form.widget-form .error-msg-short { width:200px; }
*/


form#new-member fieldset,
form#new-member li { padding-left:25px; }
form#new-member .error-field { background:transparent url(../images/icons/exclamation.png) scroll no-repeat; }

form#update-member fieldset,
form#update-member li { padding-left:25px; }
form#update-member .error-field { background:transparent url(../images/icons/exclamation.png) scroll no-repeat; }


#login label { font-weight: bold; color:#fff; line-height:30px; }
.update-fields { font-weight:bold; line-height:2em; }


/* =Error Messages
--------------------------------------------- */
.error-msg-start,
.error-msg { padding:10px 5px 10px 30px; width:500px; margin:auto; margin-top:10px; margin-bottom:10px; border-width:2px; border-style:solid; font-weight:bold; }


.error-msg { background:#faf9e1 url(../images/icons/exclamation.png) scroll no-repeat 5px 10px; border-color:#f5f2bd; }
.error-msg-start { background:#ffd3ad url(../images/icons/exclamation.png) scroll no-repeat 5px 10px; border-color:#ffb988; }

#error-msg span { color:#9b1d00; }
#error-msg span:hover { color:#de2a01; text-decoration:underline; cursor:pointer; }


/* =Error Messages Short
--------------------------------------------- */
.error-msg-short-start,
.error-msg-short { padding:10px 5px 10px 30px; width:400px; margin:auto; margin-top:10px; margin-bottom:10px; border-width:2px; border-style:solid; font-weight:bold; }


.error-msg-short { background:#faf9e1 url(../images/icons/exclamation.png) scroll no-repeat 5px 10px; border-color:#f5f2bd; }
.error-msg-short-start { background:#ffd3ad url(../images/icons/exclamation.png) scroll no-repeat 5px 10px; border-color:#ffb988; }

#error-msg-short span { color:#9b1d00; }
#error-msg-short span:hover { color:#de2a01; text-decoration:underline; cursor:pointer; }


/* =Over Due Titles (Dynamically built list on member_new.asp
--------------------------------------------- */
#overdue-titles { /* margin-left:30px;  */ list-style:none; }
#overdue-titles li { margin:0 0 5px; }
#overdue-titles li input { padding:2px; border:1px solid #ccc; margin:0 0 5px; }
#overdue-titles li input, 
#overdue-titles li select { margin-right:15px; }
#overdue-titles li img { vertical-align:middle; }

#add-overdue-title { background:transparent url(../images/icons/add.png) scroll no-repeat; padding-left:20px; text-decoration:none; height:16px; line-height:16px; display:block; font-weight:bold; color:#000; margin-left:30px; width:5em; }
#add-overdue-title:hover { text-decoration:underline; }


/* =Downloads
--------------------------------------------- */
* html body .download-update { text-align: center; }
.download-update a { margin:0 auto 20px; width:445px; height:100px; background-repeat:no-repeat; display:block; text-decoration: none; }
.download-update a:hover { background-position:0 -100px; }
.download-update h3 { height:30px; margin:0; }
.download-update h3 span { display:none; }
.download-update p { color:#3a4637; margin:0 0 0 83px; text-align:left; }
.download-update-ndr { background-image:url(../images/download-ndr.gif); }
.download-update-vdms { background-image:url(../images/download-vdms.gif); }



/* =Password Update Required
--------------------------------------------- */
#password-update-required { text-align:center; margin:0 0 15px; }
#password-update-required div { width:450px; margin:auto; background:#fff8df url(../images/updatepassword.jpg) scroll no-repeat 10px 50%; padding:10px 10px 10px 75px; text-align:left; border-color:#f9d58a; border-style: solid; border-width:1px 0; }
#password-update-required h2 { margin:0; }
#password-update-required p { margin:0; }
#password-update-required a { color:#aa150e; font-weight: bold; }



/* =Update Alert
--------------------------------------------- */
#defaulter-update-alert { text-align:center; margin:0 0 15px; }
#defaulter-update-alert div { width:450px; margin:auto; background:#fff8df url(../images/exclamation.jpg) scroll no-repeat 10px 50%; padding:10px 10px 10px 75px; text-align:left; border-color:#f9d58a; border-style: solid; border-width:1px 0; }
#defaulter-update-alert h2 { margin:0; }
#defaulter-update-alert p { margin:0; }
#defaulter-update-alert a { color:#aa150e; font-weight: bold; }