@charset "UTF-8";
/*******************************************************************************
 *  Cascading Stylesheet
 *      - thatch 26/03/09
 ******************************************************************************/
body {margin:0;padding:0;border:0;background:#000 url(images/background.png) repeat top center;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;line-height:14px;color:#999;}
#container { margin: auto;width:850px;}
#main { margin: auto; }
* > body { margin: 0;padding: 0; } /* webkit fix, overrides 8px body margin */
::-moz-selection{background: #000;color: #fff;}
::selection {background: #000;color: #fff;}

/*******************************************************************************
 * GENERIC LINKS, TEXT ELEMENTS ETC
 ******************************************************************************/
a:link { color: #333333; text-decoration: none;  }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #000000;  }
a:active { color: #333333; text-decoration: none; }
/*h1,h2,h3,h4 { margin: 0; padding: 0; }*/
img { padding: 0; margin: 0; border: 0; }

/* very top links */
#top .right .toplinks ul li a:link,#top .right .toplinks ul li a:visited{float:left; color:#878787;padding: 6px 9px; }
#top .right .toplinks ul li a:hover,#top .right .toplinks ul li a.sel { border-top: 1px solid #555353;padding: 5px 9px 6px 9px; background:#fff;color:#000;text-decoration:none;}
#top .right .toplinks ul li a:active { border:1px solid #fff; padding:5px 8px 5px 8px;background:#000;color:#fff; }

/* contact link */
#top .right .contact a:link,#top .right .contact a:visited { color: #666666; font-size: 12px; }
#top .right .contact a:hover { color: #fff; }
/* mini-site title */
#top .right .topsection h2 { display:block;border-bottom:2px solid #fff;margin:0;padding:0 0 7px 9px; font-size:13px;font-style:italic;font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #ccc;}

/* secondary nav links */
#top .right .topsection ul li a:link,#top .right .topsection ul li a:visited {float:left;font-size:11px;padding:3px 8px; color:#878787;}
#top .right .topsection ul li a:hover { border-top: 1px solid #555353;padding:3px 8px; background:#fff;color:#000;text-decoration:none;}
#top .right .topsection ul li a:active { padding:3px 8px;background:#000;color:#fff; }

/* page title -- used to be .landscape .landleft  */
#main h1 {margin:0;padding:0;font-family: Georgia, "Times New Roman", Times, serif; font-size:21px;line-height:23px;color:#000;letter-spacing: -0.3px; font-weight: lighter;}
#main h4 {margin:0;padding:0;font-family: Georgia, "Times New Roman", Times, serif; font-size:14px;line-height:20px;color: #333; font-style: normal;font-weight:normal;}
#main h5 {margin:0;padding:0;font-family: Georgia, "Times New Roman", Times, serif; font-size:14px;line-height:20px;color: #999; font-style: italic;font-weight:normal;}
#main h1.pad { margin-bottom:40px; }

/* link title e.g. Latest News */
#main .left h3 { font-family: "Trebuchet MS", arial, helvetica;color: #FF0066; letter-spacing: 0.2px;font-weight: bold; font-size:12px;width:176px;background:#fff;z-index:100;margin:0;padding:0 0 3px 0;border-bottom:1px solid #BABCBF; text-transform: uppercase;}
#main .left h4 { font-style:italic; padding:0; margin:-10px 0 10px;font-size:11px; color:#999999;font-weight:normal; }

#main .right h1 { margin: 8px 0; font-size:18px;font-family:georgia, serif; }
/* page title in main content - NOT USED ANYMORE, INSTEAD H1 IS USED*/
#main .right h2 {margin: 0px 0 0px;font-family: Georgia, "Times New Roman", Times, serif;font-size:18px;color:#666; font-weight: lighter; line-height:22px; }
#main .right .textpad { color: #666; }

#main a:link { color: #333333; text-decoration: none; font-weight: bold;  }
#main a:visited { color: #333333; text-decoration: none;font-weight: bold;  }
/* fixed this so it doesn't add a border to every link, now just paragraph links */
#main .right .textpad a:hover { color: #000000;font-weight: bold; border-bottom: 1px solid #999;   }
/* latest news links */
#main .left a:hover { color: #FF0066;font-weight: bold; text-decoration:underline;   }
#main a:active { color: #333333; text-decoration: none;font-weight: bold;  }


/* subtitle link */
#main .right h3,.aleft h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-transform: uppercase;color: #fff; font-weight: bold;font-size: 11px; margin:0;padding:0;}

/* footer links */
#footer a:link { color: #666; text-decoration: none;  }
#footer a:visited { color: #666; text-decoration: none; }
#footer a:hover { color: #fff; border-bottom: 1px solid #999 }
#footer a:active { color: #666; text-decoration: none; }

/*******************************************************************************
 * ACADEMY OF DRAMATIC ARTS
 ******************************************************************************/
body#ada { background:#000 url(images/background-ada.png) fixed top left; }
body#ada #top .right .topsection h2 {color:#d83f21;}
body#ada #main { background: url(images/main-ada-bg.png); }
body#ada #main h1,body#ada #main h3 { color: #d83f21 }
body#ada #main h3 { color: #333; }

body#ada #top .right .topsection ul li a.sel { background: #d83f21;color:#fff;  border-top: 1px solid #555353;padding:3px 8px; }

body#ada #main .left {border-right: 1px solid #fff;}


body#ada #footer { background: #e55320;color:#000}
body#ada #footer a:link,body#ada #footer a:visited { color:#000; }


/*******************************************************************************
 * MANAGEMENT
 ******************************************************************************/
body#mgmt { background:#000 url(images/mgmt-bg.png) no-repeat fixed top center; }
body#mgmt #top .right .topsection h2 {color:#756e61;}
body#mgmt #main { background: url(images/main-mgmt-bg.png); }
body#mgmt #main h1 { color: #756e61}
body#mgmt #main body { color: #666;}

body#mgmt #main h3 { color: #333; }


body#mgmt #top .right .topsection ul li a.sel { background: #756e61;color:#fff; border-top: 1px solid #555353;padding:3px 8px; }
body#mgmt #main .left {border-right: 1px solid #fff;}

#main .right ul.headshots {list-style: none;margin:0;padding:0;}
#main .right ul.headshots li {float:left; width:98px;text-align:center;margin-right: 18px;margin-bottom:20px;}
#main .right ul.headshots li a:link,#main .right ul.headshots li a:visited { color:#2b2b2c;}
#main .right ul.headshots li a span {display:block;padding:5px;height:28px;background:#e2ded9; }
#main .right ul.headshots li a:hover,#main .right ul.headshots li a:hover span {background-color: #333; color:#fff;}

body#mgmt #footer { background: #888073;color:#000}
body#mgmt #footer a:link,body#mgmt #footer a:visited { color:#000; }


/*******************************************************************************
 * THEATRE IN EDUCATION
 ******************************************************************************/
body#tie { background:#000 url(images/background-tie.png) fixed top left; }
body#tie #top .right .topsection h2 {color:#e21d51;}
body#tie #main { background: url(images/main-tie-bg.png); }
body#tie #main h1 { color: #e21d51 }
body#tie #main h3 { color: #333; }

body#tie #top .right .topsection ul li a.sel { background: #e21d51;color:#fff; border-top: 1px solid #555353;padding:3px 8px; }

body#tie #main .left {border-right: 1px solid #fff;}


body#tie #footer { background: #d31d45;color:#fff}
body#tie #footer a:link,body#tie #footer a:visited { color:#fff; }


/*******************************************************************************
 * TRAINING AND DEVELOPMENT
 ******************************************************************************/
body#tad { background:#000 url(images/background-tad.png) fixed top left; }
body#tad #top .right .topsection h2 {color:#0f96ba;}
body#tad #main { background: url(images/main-tad-bg.png); }
body#tad #main h1 { color: #229dd8 }
body#tad #main h3 { color: #333; }

body#tad #top .right .topsection ul li a.sel { background: #229dd8;color:#fff;  border-top: 1px solid #555353;padding:3px 8px;}

body#tad #main .left {border-right: 1px solid #fff;}


body#tad #footer { background: #0097d7;color:#fff}
body#tad #footer a:link,body#tad #footer a:visited { color:#fff; }


/*******************************************************************************
 * OUR PANTOMIMES
 ******************************************************************************/
body#pan #top {background:#000}
body#pan { background:#000 url(images/background-pan.png) fixed top center; }
body#pan #top .right .topsection h2 {color:#4b00bc;}
body#pan #main { background: url(images/main-pan-bg.png); }
body#pan #main h1 { color: #4b00bc; }
body#pan #main h3 { color: #333; }

body#pan #top .right .topsection ul li a.sel { background: #4b00bc;color:#fff; border-top: 1px solid #555353;padding:3px 8px; }

body#pan #main .left {border-right: 1px solid #fff;}


body#pan #footer { background: #4b00bc; ;color:#fff}
body#pan #footer a:link,body#pan #footer a:visited { color:#fff; }


/*******************************************************************************
 * UPDATE
 ******************************************************************************/
body#update { background:#000 url(images/background-update.png) fixed top left; }
body#update #top .right .topsection h2 {color:#5FA3EC}
body#update #main { background: url(images/main-tad-bg.png); }
body#update #main h1,body#update #main h3 { color: #5FA3EC }

body#update #top .right .topsection ul li a.sel { background: #06b185;color:#fff; }

body#update #main .left {border-right: 1px solid #fff;}


body#update #footer { background: #0097d7;color:#fff}
body#update #footer a:link,body#update #footer a:visited { color:#fff; }

/*******************************************************************************
 * FAILURE
 ******************************************************************************/
body#failure { background:#000 url(images/background-failure.png) fixed top left; }
body#failure #top .right .topsection h2 {color:#e21d51}
body#failure #main { background: url(images/main-tie-bg.png); }
body#failure #main h1,body#failure #main h3 { color: #e21d51 }

body#failure #top .right .topsection ul li a.sel { background: #e21d51;color:#fff; }

body#failure #main .left {border-right: 1px solid #fff;}


body#failure #footer { background: #d31d45;color:#fff}
body#failure #footer a:link,body#failure #footer a:visited { color:#fff; }

/*******************************************************************************
 * POSITIONING ELEMENTS
 ******************************************************************************/

#top {width: 850px;float:left;margin-bottom:20px;}
#top .left { float:left;width:195px; }
#top .left img { margin: 15px 0 0 15px; }

#top .right {float:left;position:relative;width: 624px;margin-left:30px;}
#top .right .contact {position:absolute;right:9px; top:5px;z-index:100; font-size: 15px;line-height: 17px; text-align: right; color: #fff;}
#top .right .toplinks { float:left;height:55px;}
#top .right .toplinks ul { list-style: none; margin: 0; padding:0; }
#top .right .toplinks ul li { float:left; }

#top .right .topsection { float:left;width:616px;clear:both;}
#top .right .topsection ul { list-style:none;margin:0px;padding:0; float:left;}
#top .right .topsection ul li { float:left;}

#full {float:left;clear:both;width:850px;border-toop:1px solid #fff;}
#main {float:left;clear:both;min-height:250px;padding:20px 0 20px 0;width:850px;background:url(images/main-bg.png) repeat 0 0;border-top:1px solid #fff}
#main .full { margin: 0 150px; }

#main .landscape {float:left;margin-bottom:20px;}
#main .landscape .landleft { float:left; margin-left:45px; width:180px;}
#main .landscape .landright { float:left; width: 580px;}
#main .landscape .landright p { margin: 0 0 0 15px;padding:0;color: #666; }

#main .left {margin-left:45px; width:165px;margin-right:19px;float:left;border-right:1px solid #BABCBF;padding-right: 10px;position:relative;}
#main .leftpanto {margin-left:25px; width:185px;margin-right:19px;float:left;padding-right: 10px;position:relative;}
#main .left ul {list-style: none; margin:0;padding:0;width:170px;}
#main .left ul li {}
#main .left ul li.sep { margin:4px 0; }
#main .left ul li a:link,#main .left ul li a:visited{font-weight:normal;padding:4px 0;font-family:"Trebuchet MS",georgia;color:#878787;font-size:13px;display:block;text-decoration:none;}
#main .left ul li a:hover,#main .left ul li a.sel {color:#333; border-bottom:1px solid #999;display:block;padding:4px 0 3px 0;}
#main .left ul li a:active {font-weight:normal;padding:4px 0 3px;}
hr {border:0;background:#BABCBF;color:#BABCBF;height:1px;display:block;}
/*#pantolist {position:absolute;left:-20px;top:-10px}
#main .left ul#pantolist li a:link,#pantolist li a:visited {color: #fff !important; background:#4B00BC url(images/panto-list-bg.gif) no-repeat !important;padding:4px 0 3px 15px;}
#pantolist li a:hover,#pantolist li a.sel {color:#ccccee !important;border:0 !important;}*/
#pantolist {position:absolute;top:-10px;list-style:none;margin:0;padding:0;width:185px;}
#pantolist li a:link,#pantolist li a:visited  {display:block;color: #E65A97; background:transparent url(images/panto-list.gif) no-repeat !important;padding:4px 0 5px 20px;}
#pantolist li a:hover,#pantolist li a.sel {background:#E65A97 url(images/panto-list-bg.gif) no-repeat !important; color:#FFF !important;border:0 !important;}

#main .right { float:left;width:610px;min-height:400px}
#main .rightpanto { float:left;width:610px;min-height:400px;margin-top:-150px;z-index:100}
.textpad,.mediapad {margin-right:45px; line-height: 18px;}
.textpad img { float:left; border: 1px solid #666;padding:2px; margin:1px 10px 1px 0; }

#footer { margin:auto;padding-bottom:30px;float:left; width:850px;background:#000;font-size:10px;font-family:arial;color:#545454}
#footer .left { float:left;width: 200px;margin-left:40px;padding-top:5px;}
#footer .right { float:left;width: 580px;margin-left:0px;padding-top:5px;}


/*******************************************************************************
 * PROFILE
 ******************************************************************************/
#main .right .profile .pics {float: left; width: 175px;color: #333;}
#main .right .profile .pics #profilepicholder {width:168px;height:200px;overflow:hidden;}
#main .right .profile .pics #profilepic {text-align:center}
#main .right .profile .pics #profilepic img { padding: 0px; }
#main .right .profile .pics a.enquire:link,#main .right .profile .pics a.enquire:visited {background: #e4e0d8; border:1px solid #b8b7b4; color:#4c4d4f;padding:4px;display:block; text-decoration:none;text-align: center;margin:12px 4px 9px 3px;}
#main .right .profile .pics a.enquire:hover { text-decoration: underline; color:#161416;border: 1px solid #8D848F}
#main .right .profile .pics a.enquire:active {text-decoration: underline; color:#161416;border: 1px solid #161416}

/* standard */
#main .right .profile .pics ul { list-style:none; padding:0;margin:0;margin-left:1px;}
#main .right .profile .pics ul li { float:left;}
#main .right .profile .pics ul li a:link,#main .right .profile .pics ul li a:visited { float:left; padding: 2px 3px 2px 2px; width:53px;}
/* mysounds */
#main .right .profile .pics ul#mysounds{padding-top:0px; margin:0;}
#main .right .profile .pics ul#mysounds li { /*height: 45px;*/margin-bottom:5px; }
#main .right .profile .pics ul#mysounds li img { float:left;height:16px;width:16px;padding-right:5px; }
#main .right .profile .pics ul#mysounds li span { /*float:left;*/ line-height:16px;}

#main .right .profile .pics ul#myvideos{padding-top:5px; margin:0;}
#main .right .profile .pics ul#myvideos li {background: #e4e0d8;margin-bottom: 5px;border:1px solid #b8b7b4;}
#main .right .profile .pics ul#myvideos li a.holder { background: #e4e0d8 url(/images/video.png) no-repeat 8px 5px;height:54px;display:block;width:164px;border:0;}
#main .right .profile .pics ul#myvideos li a.holder:hover { background: url(images/video-on.png) no-repeat 8px 5px;}
/*#main .right .profile .pics ul#myvideos li a.holder span { display:block;padding: 20px 5px 5px 63px; font-size:14px;}*/
#main .right .profile .pics ul#myvideos li a.holder span { display:block;padding-left:63px;padding-top:5px; font-size:11px;}
#main .right .profile .pics ul#myvideos li a.holder:hover span { text-decoration: underline; }

#main .right .profile .stats { position:relative;float:left;width:366px;margin-left:20px;margin-bottom:20px;margin-right:25px; color: #666;}
#main .right .profile .stats h4 { font-size:11px;text-transform: uppercase; color: #9b9084; border-bottom: 1px solid #babcbf;margin-top:15px;margin-bottom:15px;padding-bottom:0; }

#toggleFullScreen { float:right;top:4px;right:5px;width:42px;height:43px;background:url(/images/zoomin.png) no-repeat top left;text-indent:-9999px;outline:0; }
#toggleFullScreen:hover {background-position:bottom; }

/*******************************************************************************
 * HOMEPAGE
 ******************************************************************************/
#main .right .tabs { }
#main .right .tabs .tab { float:left;margin-bottom:3px;width:565px;height:78px;outline:0;display:block;padding-top:2px;}
#main .right .tabs .tab .title {display:block;float:left; width:175px;height:78px;background:#000; }

#main .right .tabs .tab .info { float:left; width:370px;background:#efeff0;height:78px;}
#main .right .tabs .tab .info span.p { display:block;float:left;font-family:georgia;font-size:14px;margin:0;padding: 6px 7px;line-height:17px;color:#37444d;font-weight:normal;}
.info a:link { outline:0;}

#main .right .tabs .emyt { background:#f6ab1e; height:80px; width:565px;border:1px solid #fff; }
#main .right .tabs .emyt:hover { background:#f6ab1e; height:80px; width:565px;border:1px solid #000; }
#main .right .tabs .emyt .title{background: #000 url(images/tab-east-midlands-youth-theatre.png) no-repeat 4px 7px; text-indent:-9999em}
#main .right .tabs .emyt .info span.p span.link { color: #f6ab1e;font-weight:bold; outline:0 }

#main .right .tabs .ada { background:#ea6620; height:80px;width:565px;border:1px solid #fff; }
#main .right .tabs .ada:hover { background:#ea6620; height:80px; width:565px;border:1px solid #000; }
#main .right .tabs .ada .title{background: #000 url(images/tab-academy-of-dramatic-arts.png) no-repeat 4px 7px; text-indent:-9999em}
#main .right .tabs .ada .info span.p span.link { color: #ea6620;font-weight:bold; outline:0 }

#main .right .tabs .tie { background: #FF0099; height:80px; width:565px;border:1px solid #fff; }
#main .right .tabs .tie:hover { background:#FF0099; height:80px; width:565px;border:1px solid #000; }
#main .right .tabs .tie .title{background: #000 url(images/tab-theatre-in-education.png) no-repeat 4px 7px; text-indent:-9999em}
#main .right .tabs .tie .info span.p span.link { color: #FF0099;font-weight:bold; outline:0}

#main .right .tabs .tad { background:#0683cc; height:80px; width:565px;border:1px solid #fff; }
#main .right .tabs .tad:hover { background:#0683cc; height:80px; width:565px;border:1px solid #000; }
#main .right .tabs .tad .title{background: #000 url(images/tab-training-and-development.png) no-repeat 4px 7px; text-indent:-9999em}
#main .right .tabs .tad .info span.p span.link { color: #0683cc;font-weight:bold; outline:0}

#main .right .tabs .pant { background: #4b00bc; height:80px; width:565px;border:1px solid #fff; }
#main .right .tabs .pant:hover { background:#4b00bc; height:80px; width:565px;border:1px solid #000; }
#main .right .tabs .pant .title{background: #000 url(images/tab-pantomime.png) no-repeat 4px 7px; text-indent:-9999em}
#main .right .tabs .pant .info span.p span.link { color: #4b00bc;font-weight:bold; outline:0}

#main .right .tabs .manage { background:#9b9084; height:80px; width:565px;border:1px solid #fff; }
#main .right .tabs .manage:hover { background:#9b9084; height:80px; width:565px;border:1px solid #000; }
#main .right .tabs .manage .title{background: #000 url(images/tab-management.png) no-repeat 4px 7px; text-indent:-9999em}
#main .right .tabs .manage .info span.p span.link { color: #9b9084;font-weight:bold; outline:0}

/* hover goes below the link definitions */
#main .right .tabs .tab .info span.p:hover,#main .right .tabs .tab .info span.p span.link:hover { color: #000 ;}

/*******************************************************************************
 * FORMS
 ******************************************************************************/
form.nice {margin:0;padding:0;}
form.nice fieldset{margin: 8px 0 16px;}
form.nice fieldset.noborder{border:0;padding:0 7px 0 6px;}
form.nice fieldset legend {font-weight:normal; border-color:#756e61;padding: 5px;}
form.nice fieldset ol { margin:0;padding:0;list-style: none; }
form.nice fieldset ol li{padding:5px 0; vertical-align: middle;clear:both;}
form.nice fieldset ol li:hover label { font-weight:normal;}
form.nice fieldset ol li label {float:left;width:120px;color:#333;font-size:13px;padding:5px 0;vertical-align: middle;margin:1px 0;font-family:"Trebuchet MS", arial, helvetica;}
form.nice fieldset div.i3 {float:left;border:1px solid #e1e1e1;}
form.nice fieldset div.i2 {border:1px solid #e1e1e1;}
form.nice fieldset div.i1 {border:1px solid #e1e1e1;}
form.nice fieldset div.i3:hover{ border: 1px solid #e1e1e1; }
form.nice fieldset div.i3:hover div.i2 { border: 1px solid #e1e1e1; }
form.nice fieldset div.i3:hover div.i2 div.i1 { border:1px solid #878D91 }
form.nice fieldset ol li div.i3 div.i2 div.i1 input:focus,
form.nice fieldset ol li div.i3 div.i2 div.i1 textarea:focus,
form.nice fieldset ol li div.i3 div.i2 div.i1 select:focus {border:1px solid #343638;}
form.nice fieldset ol li input,form.nice fieldset ol li textarea,form.nice fieldset ol li select { margin:0;border:1px solid white;color:#333333;vertical-align:middle;font-family:"Trebuchet MS", arial, helvetica;font-size:13px;}

form.nice fieldset ol li input.bg,form.nice fieldset ol li textarea.bg { background: #e4e0d8;padding:3px;border-top:1px solid #9f9f9f;border-right:1px solid white;border-bottom:1px solid white;border-left:1px solid white;}
form.nice fieldset ol li input.bg:focus,form.nice fieldset ol li textarea.bg:focus { color: #316ac5 }

form.nice fieldset ol li select {width:300px;}
form.nice fieldset ol li textarea{width:300px; height:80px;}

form.nice fieldset ol li input[type=text],form.nice fieldset ol li input[type=password] {width:400px;}
form.nice fieldset ol li input[type=checkbox] { padding:0;margin:0;}
form.nice fieldset ol li input.blur,form.nice fieldset ol li textarea.blur { color:#8D848F; }
form.nice fieldset ol li input.vsmall,form.nice fieldset ol li textarea.vsmall,form.nice fieldset ol li select.vsmall {width:100px;margin:0;}
form.nice fieldset ol li input.small,form.nice fieldset ol li textarea.small,form.nice fieldset ol li select.small {width:300px;margin:0;}
form.nice fieldset ol li input.medium,form.nice fieldset ol li textarea.medium,form.nice fieldset ol li select.medium {width:300px;margin:0;}
form.nice fieldset ol li input.big,form.nice fieldset ol li textarea.big,form.nice fieldset ol li select.big {width:300px;margin:0;}
form.nice fieldset ol li input.large,form.nice fieldset ol li textarea.large,form.nice fieldset ol li select.large {width:400px;margin:0;font-size:11px;}
form.nice fieldset ol li input.vlarge,form.nice fieldset ol li textarea.vlarge,form.nice fieldset ol li select.vlarge {width:690px;height:160px;margin:0;font-size:11px;}

form.nice fieldset.submit {border:0;margin:0;padding:0;padding-left:125px;position:relative;}
form.nice fieldset.submit div.captchainfo { position:absolute;width:100px;margin-left:-120px;top:3px;font-style:italic}
form.nice fieldset.submit input{float:left;margin:9px 6px 3px 4px;background: #e4e0d8; border:1px solid #b8b7b4; color:#4c4d4f;padding:4px;text-decoration:none;text-align: center;cursor:pointer;}
form.nice fieldset.submit input.submit { font-weight:normal;}
form.nice fieldset.submit input:hover { text-decoration: none; color:#161416;border: 1px solid #8D848F}
form.nice fieldset.submit input:active {text-decoration: none; color:#161416;border: 1px solid #161416}

/*******************************************************************************
 * ADMIN CONTROLS
 ******************************************************************************/
#admin { width:850px;height:16px;float:left;background:#333;;padding:4px 0;}
#admin h2 { float:left;margin:0;padding:0;font-size:16px;color:#4d4d4d;}
#admin h2 b {color: #dcddd7;}
#admin .aleft { margin-left:45px; width:175px; margin-right:19px;float:left;}
#admin .aright { float:left; width: 610px; }
#admin .aright ul {margin:0;padding:0;list-style: none;}
#admin .aright ul li { float:left; }
#admin .aright ul li.sep { padding:0px 5px;font-size:16px; color: #3f4445; }
#admin .aright ul li a:link,#admin .aright ul li a:visited {font-size:10px;text-decoration: none;color:#999; padding: 7px 7px;text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  }
#admin .aright ul li a:hover,#admin .aright ul li a.sel { background: #fff; color:#333;text-decoration: none;}
.adminclickleft { float:left;margin-top:-15px;margin-left:2px;outline:0;}
.adminclickright { float:right;margin-top:-15px;margin-right:2px;outline:0;}

/* meta changer */

#metalink { position: absolute;right: 5px; background: #000; color: #fff;text-transform:uppercase;font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; font-size: 9px; padding: 4px;  }
#metalink:hover { background: #fff; color: #000; }
#metachanger,#metalog { margin: 0;padding: 0; font-family: Arial, Helvetica, sans-serif; color: #fff;background: #000;}
#metalog { display: none; }
#metalog{padding: 8px 0 8px 8px;margin: 0px 0px 0px 0px;border:0; }
#metalog h2{ background:  #000; padding: 6px; color: #fff;font-size:16px;font-family: Arial, Helvetica, sans-serif; }
#loading { clear:both; background: #000 url(/images/wait.gif) center top no-repeat;color: #fff;text-align:center;padding:56px 0px 0px 0px; font-size:11px;font-family:Arial, Helvetica, sans-serif;display:none; }

#uploadlog .success b { color:#36AC15; }
#uploadlog .success a:link,#uploadlog .success a:visited {color:#36AC15;}
#uploadlog .failure b { color:#B71C1C; }
ol.myphotos {margin:0 0 0 0px;padding:0;color:#CFCFCF;font-family:Arial;font-size:22px;font-weight:bold;}
ol.myphotos br { clear:both; display:block;}
ol.myphotos li { float:left;padding:0px;width:98px;margin:10px 20px 10px 20px;color:#CFCFCF;background:#fff;}
ol.myphotos li span { color:#CFCFCF;float:left;font-family:Arial;font-size:22px;font-weight:bold;height:21px;letter-spacing:-3px; }
ol.myphotos li:hover {color:#000;}
ol.myphotos li a.del:link,ol.myphotos li a.del:visited {float:right;display:inline;padding:0 3px 2px;color:#D87772;font-family:"Comic Sans Ms", verdana, heloltica;font-weight:bold;text-decoration:none;font-size:10px; }
ol.myphotos li a.del:hover { background:red;color:#fff;text-decoration:none; }
ol.myphotos li img { float:left; display:block;}
ol.myphotos li div {display:block;text-align:center;width:98px; }
ol.myphotos li div a.l { float:left; }
ol.myphotos li div a.r { float:right; }


table.statistics {width:100%; border:0;padding:0;margin:-15px 0 0 0;border-collapse:collapse;}
table.statistics thead { margin: -5px 0 0 0; }
table.statistics tbody { margin: 0; }
table.statistics th { background: #E4E0D8; color: #B8B7B4;padding: 2px 5px;margin:0;text-align:left;}
table.statistics td { padding: 2px 5px; margin: 0;vertical-align:top;}
table.statistics td.t1,table.statistics td.t4 { width: 20%; }
table.statistics td.t2,table.statistics td.t3 { width: 30%; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none; }
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px; }
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0; }
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0; float:left;}
#lightbox-nav-btnNext{right:0; float:right;}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left; }
#lightbox-image-details-caption{font-weight:bold; }
#lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px; float:right;padding-bottom:0.7em;}

table.jCalendar{border:1px solid #333; background:#aaa; border-collapse:separate; border-spacing:2px; } table.jCalendar th{background:#333; color:#fff; font-weight:bold; padding:3px 5px; } table.jCalendar td{background:#ccc; color:#333; padding:3px 5px; text-align:center; } table.jCalendar td.other-month{background:#ddd; color:#aaa; } table.jCalendar td.today{background:#666; color:#fff; } table.jCalendar td.selected{background:#f66; color:#fff; } table.jCalendar td.selected.dp-hover{background:#f33; color:#fff; } table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td{background:#fff; color:#333; } table.jCalendar tr.selectedWeek td{background:#f66; color:#fff; } table.jCalendar td.disabled,table.jCalendar td.disabled.dp-hover{background:#bbb; color:#888; } table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover{background:#bbb; color:#888; } /* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ div.dp-popup{position:relative; background:#ccc; font-size:10px; font-family:arial,sans-serif; padding:2px; width:171px; line-height:1.2em; } div#dp-popup{position:absolute; z-index:199; } div.dp-popup h2{font-size:12px; text-align:center; margin:2px 0; padding:0; } a#dp-close{font-size:11px; padding:4px 0; text-align:center; display:block; } a#dp-close:hover{text-decoration:underline; } div.dp-popup a{color:#333; text-decoration:none; padding:3px 2px 0; } div.dp-popup div.dp-nav-prev{position:absolute; top:2px; left:4px; width:100px; } div.dp-popup div.dp-nav-prev a{float:left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a,div.dp-popup div.dp-nav-next a{cursor:pointer; } div.dp-popup div.dp-nav-prev a.disabled,div.dp-popup div.dp-nav-next a.disabled{cursor:default; }
div.dp-popup div.dp-nav-next{position:absolute; top:2px; right:4px; width:100px; } div.dp-popup div.dp-nav-next a{float:right; } div.dp-popup a.disabled{cursor:default; color:#aaa; } div.dp-popup td{cursor:pointer; } div.dp-popup td.disabled{cursor:default; } a.dp-choose-date{float:left;width:16px;height:16px;padding:0;margin:5px 3px 0;display:block;text-indent:-2000px;overflow:hidden;background:url(/images/calendar.png) no-repeat;} a.dp-choose-date.dp-disabled{background-position:0 -20px;cursor:default;} input.dp-applied{width:147px;float:left;}

/* this is for the text editor */
form.general input { width: 100%; height: 28px; background: #E2DED9; color: #2B2B2C; font-weight: bold;text-align: center; }

caption.calendar-month {font-family: Arial, Helvetica, sans-serif;font-weight: bold; color: #e01f24; text-transform: uppercase;font-size: 11px;padding: 2px;margin-bottom: 1px;} table.calendar { width: 100%; border-spacing: 0; border-collapse: collapse; margin: 0; padding: 2px; } table.calendar th { background: #2E3F4C; text-align: center; vertical-align: middle; color: #fff; border: 1px solid #222F38; margin: 0; padding: 2px 5px; } table.calendar th span { color: #11BCBF; font-style: italic; font-size: 11px; font-weight: normal; display: block; } table.calendar th.merch { background: #11BCBF; border: 1px solid #11BCBF; color: #fff; width: 30px; font-size: 16px; } table.calendar td.mrs { width: 15px; background: #11BCBF; border: 1px solid #11BCBF; color: #fff; font-size: 14px; cursor: pointer; } table.calendar td.mrs a:link,table.calendar td.mrs a:visited { background: #11BCBF; width: 15px; color: #fff; text-decoration: none; cursor: pointer; } table.calendar td.nopad { padding: 0; border: 0; } table.calendar td.checked { background: #D1D5D8; text-align: center; } table.calendar td { background: #FFF; text-align: center; padding: 3px 1px; font-size: 12px; cursor: pointer; margin: 1px; } table.calendar td.working { background: url(images/spinner.gif) no-repeat center !important; z-index: 99999; } table.calendar td:hover,table.calendar td.checked:hover { color: #1A2630; font-weight: bold; } table.calendar td.gone { background: url(images/past-date.png) repeat 0 0; cursor: default; } table.calendar td.available { background: url(images/available.png) repeat 0 0; cursor: pointer; } table.calendar td.booked { background: url(images/booked.png) repeat; color:#FFFFFF; cursor: pointer; } table.calendar td.matthewgood { cursor: default; } table.calendar tr.total td { background: #778188; color: #fff; font-weight: bold; } table.calendar tr.total { height: 25px; } table.calendar tr.total td.l { text-align: left; }