/*	CYBERPADDOCK
 ¥ $Version 1.3
 * $Revision 1.01
 * $Date: 07/05/09
 ------------------------------------------------- */

/*	Basics
------------------------------------------------- */

body { font: 12px/1.5em Arial, "Lucida Grande", Verdana, Geneva, sans-serif; background: #efefef url(img/backgrounds/body2.gif) repeat-y 50% 0; margin: 0; padding: 0; text-align: center; color: #534741; }

div,
span { margin: 0; padding: 0; border: 0; }

/*	Basic Typography
------------------------------------------------- */

h1 { font-family: Georgia, serif; font-size: 18px; font-weight: normal; font-style:italic; margin: 0 0 5px 0; }

h2 { font-size: 16px; font-weight: bold; color: #000; margin: .5em 0 15px 0; background: transparent; }

h3,
td h3,
h3 a { font-size: 14px; font-weight: bold; color: #222; text-align: left; background: transparent; margin: 5px 8px 7px 0; }

h4 { font-size: 12px; font-weight: bold; color: #222; text-align: left; background: transparent; margin: 5px 8px 2px 0; padding: 0; }

h5 { font-size: 10px; font-weight: bold; color: #222; text-align: left; background: transparent; margin: 5px 8px 2px 0; }

p { text-align:left; margin: 2px 0 8px 0; line-height: 1.4em; }

ul { margin-left: 0; padding-left: 0; list-style: none; }

ul li { padding-left: 10px; background-image: url(widgets/arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; }

/* 	Default Links
------------------------------------------------- */

a,
a:link { color: #3399FF; background-color: transparent; text-decoration: none; }

a:visited { color: #3399FF; background-color: transparent; text-decoration: none; }

a:hover { color: #3399FF; text-decoration: underline; }

a img { border: none; }

/*	Layout / Structure
------------------------------------------------- */

#container { width: 960px; margin: 8px auto; text-align: left; color: #242424; background: #fff; }

#header { width: 960px; height: 138px; }

#banner { width: 100%; height: 100px; background: #478abf url(img/headers/header.jpg) no-repeat right top; }

#topmenustrip { background: #4a92c4 url(img/ui/topmenu.jpg) repeat-x top left; border-top: 1px solid #fff; border-bottom: 1px solid #478ABF; }

#header_presenters { background: #CE6565 url(img/headers/header_presenters.png) no-repeat right top; width: 100%; height: 100px; }

#myPaddock-presenter { background-color: #CE6565; }

#myPaddock-producer { background-color: #93966; }

#header_producers { background: #939660 url(img/headers/header_producers.png) no-repeat right top; width: 100%; height: 100px; }

#banner h1 { display: none; }

#content { clear:both; position: relative; }

#content-wide { padding: 0 0; clear:both; position: relative; }

/*#content #mainContent { margin: 0 360px 0 0; padding: 0; position: relative; padding-top:1px; }

#content-wide #mainContent { margin: 0 280px 0 0; padding: 0; position: relative; }
*/
#content #mainContent { width: 600px; padding: 0; float: left; padding-top:1px;position: relative;  }

#content-wide #mainContent { width:658px; padding: 0; float: left;position: relative;  }

#content-mypaddock #mainContent { margin: 0 280px 0 0; padding: 0; position: relative; }


#mainContent1 { width: 740px; padding: 0; float: right; }

#sidebar1 { float: left; width: 200px; padding-top:1px; }

#sidebar2 { float: right; width: 340px; padding-top:1px; }

#content-wide #sidebar2, #content-mypaddock #sidebar2 { width: 260px; }

#content-homepage { height: 320px; text-align:left; margin: 20px 0; position: relative; }

#content-homepage .latestNews { width: 260px; float: left; margin: 0 10px; }

#tabs { }

#footer { padding: 0 10px 0 10px; border-top: 1px solid #d6d6d6; color: #888;/*background: #d21033 url(img/footer.jpg) repeat-x top left;
	color: #d68c8d;*/ }

#footer p,
#footer td { font-size: 11px; margin: 0; }

/*	Site Nav
------------------------------------------------- */

#topmenustrip { color: #121212; width:100%; height: 36px; overflow: hidden; background: #4a92c4 url(img/ui/topmenu.jpg) repeat-x top left; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-right-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

#topmenu { float: left; width: 960px; clear: both; height: 36px; }

#topmenu ul { margin: 0; padding: 0; }

#topmenu ul li { display: inline; background: none; padding:0; margin: 0; }

#topmenu ul li a { padding: 12px 20px; font-size:12px; text-decoration: none; float: left; /*width: 86px;*/ border-right: 1px solid #509acd; }

#topmenu ul li a:link,
#topmenu ul li a:visited { color: #fff; }

#topmenu ul li a.active { color: #000; }

#topmenu ul li a:hover { background: #5DC0DD url(img/ui/topmenu_sel.jpg) repeat-x left bottom; color: #fff; }

#loginstrip {clear:both;}

#loginstatus { float:right; width: 120px; height: 36px; padding: 12px 0 0 0; overflow: hidden; }

/*	Admin Nav
------------------------------------------------- */

#submenustrip { clear: both; width:100%; height: 36px; overflow: hidden; }

#submenu ul { padding: 0.5em 20px; margin: 0; }

#submenu li { background: none; display: inline; padding-left: 5px; white-space: nowrap; color: #555; }

#submenu li a { padding-right: 5px; border-right: 1px solid #d6d6d6; text-decoration: none; }

#submenu a { }

#submenu a:hover,
#submenua:focus { text-decoration: underline; }

#submenu li.last a { border: 0; }

/*
------- ARTICLE TYPOGRAPHY ------------------
*/


div.article { }

/* Main COL */

div.mainarticle { margin: 12px 0; color: #555555; background: #fff; font-size: 1.0em; }

div.mainarticle div.mainarticle { padding: 10px; }

div.mainarticle h2.mainarticle_header { font-size: 14px; line-height: 1; margin: 0; padding: 10px 0 20px 0;  color: #444; }


div.article { margin: 12px 0; color: #555555; background: #fcfcfc; font-size: 1.0em; border: 1px solid #d3d3d3; line-height: 1.4em; margin-bottom: 20px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

div.article div.article_content { padding: 10px; }

div.article h2.article_header { font-size: 12px; line-height: 1; margin: 0; padding: 10px; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-right-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; background: #dfdfdf url(img/gray-grad.png) repeat-x left top; color: #444; }

.articledetails { color: #aaa; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 0 10px 0 0; margin: 0; }

.a_smallcopy { font-size: 11px; }

a img.framedphoto { padding: 5px; background-color:#fff; border: 1px solid #ccc; }

div.thumbs img.framedphoto { margin: 0 5px 5px 0; }

a img.framedphoto:hover { border: 1px solid #004a80; }

.shadowbox,
.production_image { margin-bottom: 5px; padding-bottom: 10px; background: transparent url(img/backgrounds/shadow.jpg) no-repeat bottom left; }

/* 
 * Productions
 */
.production_image { }

.production_details { }

.production_synopsis { }

.more_link { padding: 0 0 3em 0; }

td.leftthumb { padding: 0 10px 10px 0; }

/*	Search
----------------------------------------------- */

div.searchform { padding: 5px 11px; }

/*	News Content
----------------------------------------------- */
h3.newsheadline { color: #8a181d; border-bottom: 1px dotted #aaa; padding: .3em 0; }

p.newsdetails { color: #888; margin: 0 0; font-size:.84em; }

p.paging { border-top:1px solid #888; border-bottom:1px solid #2e1b0d; padding: 2px 10px; }

img.storyleadimg { float: left; background: #fff; padding: 5px; background-color:#fff; border: 1px solid #ccc; margin: 0 10px 20px 0; }

/*	Footer Content
----------------------------------------------- */

#footer ul { padding: 0.5em 20px; margin: 0; text-align: right; float: right; width: 280px; }

#footer li { background: none; display: inline; padding-left: 5px; white-space: nowrap; color: #555; }

#footer li a { padding-right: 5px; border-right: 1px solid #d6d6d6; text-decoration: none; }

#footer a { }

#footer a:hover,
#footera:focus { text-decoration: underline; }

#footer li.last a { border: 0; }

#footer p { padding: 0.5em 20px; margin: 0; float: left; width: 460px; }

#outsidefooter { color: #f79554; }

#outsidefooter a { color: #f79554; }

/*	CSS Helpers
------------------------------------------------- */

.fltrt { float: right; margin-left: 8px; }

.fltlft { float: left; margin-right: 8px; }

.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }

/*	Specifx
------------------------------------------------- */
/*jquery cycle lite */
.pics { height: 300px; width: 500px; padding:0; margin:0; overflow: hidden }

.pics img { padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }

.pics img { -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/*  -------------- Forms   --------------  */

label { margin: 0; }

input,
textarea { font-family:  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; float: none; margin: 0 0 0px 0; }

input[type="text"],input[type="password"],
textarea { width:98%; }

select,
option { font-family:  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

button { padding: 3px; margin-top: 5px; }

input.checkbox { border: 0; }

small { color: #900; font: 10px/18px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

/*  -------------- Calendar  --------------  */

.paginator { padding-left: 14px; font-size: 11px; color: #555; padding-top: 30px; padding-bottom: 30px; margin: 0px; }

.paginator a,
.other-page,
.this-page { padding: 2px 6px; border: solid 1px #8ebdd6; background: transparent; color: #444; text-decoration: none; }

.paginator a:visited { padding: 2px 6px; border: solid 1px #8ebdd6; background: transparent; color: #444; text-decoration: none; }

.paginator .decorator { padding: 2px 5px; border: none; background: transparent; text-decoration: none; }

.paginator .this-page { padding: 2px 6px; border: solid 1px #8ebdd6; vertical-align: top; background: #8ebdd6; color: #22282D; }

.paginator a:hover { background: #8ebdd6; color: #22282D; border-color: #8ebdd6; text-decoration: none; }

a.btnlink { padding: 2px 6px; background: #fff url(ui-theme/images/ui-bg_glass_65_ffffff_1x400.png) repeat-x top left; color: #444; text-decoration: none; border: solid 1px #ccc; }

a.btnlink:visited { padding: 2px 6px; border: solid 1px #ccc; background: #fff url(ui-theme/images/ui-bg_glass_65_ffffff_1x400.png) repeat-x top left; color: #444; text-decoration: none; }

a.btnlink:hover { background: #ddd url(ui-theme/images/ui-bg_glass_65_ffffff_1x400.png) repeat-x bottom left; color: #22282D; border-color: #aaa; text-decoration: none; }

/*  -------------- Profiles  --------------  */

.producerlist tr td { border-bottom: 1px solid #ccc; padding: 8px 0px; }

.producersnapshot { margin: 0 0 1em 1em; }

.presenterinfo { background:#ff0000; }

div.debugnote { border: 1px solid #f00; padding: 8px; margin: 8px 0; background-color:#efefef; }

div.article h2.trigger { cursor :pointer; font-size: 12px; line-height: 1; margin: 0; padding: 10px; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-right-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; background: #dfdfdf url(img/gray-grad.png) repeat-x left top; color: #444; }

h3.trigger { margin: 0; font-size: 1.1em; }

.trigger span { background:  url(../css/buttons/arrow-right.gif) no-repeat 0 50%; padding: 0 0 3px 18px; }

.active span { height: 16px; background:url(../css/buttons/arrow-down.gif) no-repeat; border-bottom:0 }

div.toggle_container { padding: 10px; }

#images_panel { color: #555; background-color:#efefef; width: 580px; margin-bottom: 10px; border-bottom:1px solid #777; }

#images_panel p { padding: 5px 10px; }

#slideshow { width: 580px; height: 420px; background-color:#222; }

table.grid { border-left: 1px solid #ddd; border-top: 1px solid #ddd; }

table.grid tr td,
table.grid tr th { padding: 3px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

div.toggle_container table.grid tr td { background-color: #fcfde3; border-color: #ddd; }

table.grid tr { border-top: 1px solid #eee; }

/* tablelisting */
table.listing { border-collapse: collapse; border-left: 1px solid #ddd;border-right: 1px solid #ddd;}

table.listing th { background:#dfdfdf url(img/glass-light.png) repeat-x left top; color: #444; font-weight: bold; padding: 5px 5px; text-align: left; border-right: 1px solid #fff; font-size:.88em;}

table.listing th.last {  border-right: 1px solid #ddd; }

table.listing td { padding: 5px 5px; border-bottom: 1px solid #eee; vertical-align: top; }

table.listing tr.old td { background: #ecf6fc; }

table.listing tr.over td { background: #bcd4ec; }

div.nopad { padding:0; }

.clearer { height:0; clear: left; }

h2.presenterName { }

table.recordset th { text-align: left; color: #555; padding: 0px 10px 4px 0; width: 120px; }
table.recordset2 th { text-align: left; color: #555; padding: 0px 10px 4px 0; width: 220px; }

table.recordset td { text-align: left; color: #555; padding: 0 0 4px 0; }

table.recordset p,
table.recordset ul { margin-top: 0; padding-top:);
}

/* tables sebra */
table.zebra { vertical-align: top; left: 0px; top: 0px; }

table.zebra th { height: 25px; padding-left: 2px; border-bottom: 2px solid #D5E2E7; background-color: #EAF7FD; font-weight: bold; padding-right: 12px;}

table.zebra td { height: 25px; padding-left: 2px; border-bottom: 1px solid #b3b3b3; padding-right: 12px; }

table.zebra tr.header { background-color: #EAF7FD; font-weight: bold; }

table.zebra tr.odd { background-color: #ececec; }

table.zebra tr.even { background-color: #fff; }

table.zebra th.fixed { width: 80px; }

table.zebra th.stretch { width: auto; }

table.zebra th.icon { width: 22px; }

div#slideshow_title {padding:5px;}

div.loginbox { margin: 20px auto; width:400px; color: #555555; background: #fcfcfc; font-size: 1.0em; border: 1px solid #d3d3d3; line-height: 1.4em; margin-bottom: 20px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

div.loginbox div.loginbox_content { padding: 10px; }

div.loginbox h2.loginbox_header { font-size: 12px; line-height: 1; margin: 0; padding: 10px; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-right-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; background: #dfdfdf url(img/gray-grad.png) repeat-x left top; color: #444; }

tr.Publish td{/*background-color:#f7fdf0;*/}
tr.Draft td{background-color: #fff; color: #aaa;}

h2.warning { font-weight:bold; color: red; }
div.warning { font-weight:bold; color: red; }