/*
CSS: Mistress Geo Pinch
Design by SomethingVIVID - www.somethingvivid.co.uk
Copyright(C)2011 Something Something Ltd.
*/

body { background-image: url(background.jpg); background-repeat: repeat-x; background-color: #000000; color: #000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; padding: 0px; margin: 0px; }
form { margin: 0; padding: 0; }
table { border-collapse: collapse; margin: 0px; padding: 0px; }
img { border: none; }
a { color: #333333; text-decoration: none; }
a:hover { color: #50258B; text-decoration: underline; }
h1 { font-size: 1.2em; font-weight: normal; margin-bottom: 10px; }
h2 { font-size: 1em; font-weight: normal; margin: 25px 0px 10px 0px; }
h3 { font-size: 0.9em; margin-bottom: 10px; }
p { font-size: 0.8em; margin-bottom: 8px; }
li { font-size: 0.8em; }

a.textSmall { font-size:0.9em; margin: 0px; }
a.textMedium { font-size:1.3em; margin: 0px; }
a.textLarge { font-size:1.5em; margin: 0px; }

div.message { background-color: #FFFFEE; border: 2px solid #CC0000; color: #CC0000; font-weight: bold; margin: 5px 0px 5px 0px; text-align: center; }

#fade { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; background-color: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; }
#warning { position: absolute; left:50%; top:50%; margin: -200px 0 0 -170px; width: 350px; height: 230px; overflow: hidden; background-color: #222; border: 3px solid #eee; color: #FFFFFF; padding: 15px 10px 10px 10px; font-size: 1em; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#warning p { padding: 0px 5px 10px 5px; margin: 0px; }
#warning p b { font-size: 1.6em; }
#warning a { color: #AAA; }
#warning a:hover { color: #FFF; }
#warning a.button { display: inline-block; background-color: #444; border: 2px solid #777; padding: 8px; margin: 15px 29px 0px 29px; text-decoration: none; width: 90px; text-align: center; font-weight: bold; font-size: 1em; }
#warning a.button:hover { background-color: #555; }

div.container { width: 1000px; margin: 52px auto 20px auto; }

div.left { float: left; background-color: #FFFFFF; text-align: center; margin-top: 36px; width: 250px; height: 583px; padding: 0px; margin: 36px 0px 0px 0px; }
div.left a.logo { display: block; font-size: 1.5em; margin: 66px 0px; }
div.left div.leftContent { border-top: 1px solid #EEEEEE; padding: 10px; }

div.menu { float: left; background-image: url(menu-background.jpg); background-position: center; background-repeat: no-repeat; background-color: #1F1729; width: 150px; height: 620px; }
div.menu ul { padding: 35px 0px 0px 32px; margin: 0px; }
div.menu li { list-style-image: url(bullet.jpg); list-style-position: outside; margin: 7px 0px; }
div.menu li a { color: #FFFFFF; font-size: 0.85em; font-weight: bold; }
div.menu li a:hover { color: #CCCCCC; text-decoration: none; }

div.content { float: left; font-size: 0.95em; background-color: #FFFFFF; margin-top: 36px; padding: 10px; width: 580px; height: 563px; overflow: auto; overflow-x: hidden; overflow-y: scroll; }
div.noscroll { overflow: hidden; }
p.sub { padding: 5px 0px 0px 25px; }
p.submore { padding: 5px 0px 0px 50px; }
div.content a { color: #660099; }
div.content a:hover { color: #9966FF; }

div.newsEntry { border-top: 1px dashed #DDDDDD; padding: 5px 2px 2px 2px; margin: 15px 0 0 0; }
div.newsEntry:hover { background-color: #F1F1F1; }
h2.entry { font-size: 1em; font-weight: bold; display: block; padding: 2px 0 0 0; margin: 5px 0 0 0; }
p.date { font-size: 0.75em; padding: 0px; margin: 0px 0px 6px 0px; }
p.news { font-size: 0.8em; padding: 0px; margin: 0px 0px 5px 0px; }
div.newsEntry ul { padding: 0px 0px 0px 35px; }
div.newsEntry li { list-style: circle; padding-bottom: 10px; }
a.readMore { text-decoration: none; font-weight: bold; }

div.pagination { padding: 5px; text-align: center; }
div.pagination a { display: inline-block; border: 1px solid #999; padding: 3px; margin: 0px 1px; width: 25px; text-align: center; text-decoration: none; }
div.pagination a:hover { border: 1px solid #FFF; background-color: #AAA; color: #FFF; font-weight: bold; }
div.pagination a.current { background-color: #DDD; }

div.warningContainer { display: block; border-bottom: 1px solid #EEEEEE; height: 140px; margin-bottom: 10px; }
div.warning { display: block; background-color: #FAFAFA; border: 2px solid #AAAAAA; padding: 4px 6px; height: 112px; }
div.warning:hover { border-color: #990000; }

div.footer { clear: both; background-color: #1F1729; font-size: 0.7em; margin-left: 250px; width: 150px; }
div.footer a { color: #555555; display: block; padding: 0px 10px 3px 10px; }
div.footer a:hover { color: #CCCCCC; text-decoration: none; }

div.imageStudio, div.imageDomestic { float: left; border: 2px solid #CCCCCC; padding: 3px; margin: 2px; height: 125px; width: 125px; vertical-align: middle; text-align: center; }
div.imageStudio a, div.imageDomestic a { display: table-cell; height: 125px; width: 125px; vertical-align: middle; text-align: center; }
div.imageStudio img , div.imageDomestic img { display: table-cell; vertical-align: middle; margin: 0px auto; }
div.imageStudio { background-color: #DDDDDD; }
div.imageDomestic { background-color: #F5F5F5; }
div.imageStudio:hover { border: 2px solid #660099; }
div.imageDomestic:hover { border: 2px solid #9966FF; }

table.input { background-color: #EEEEEE; border: 1px solid #000000; font-size: 0.8em; margin: 10px 0px 10px 0px; width: 100%; }
table.input thead th { background-color: #000000; color: #FFFFFF; padding: 5px; text-align: left; }
table.input tbody th { text-align: left; padding-left: 10px; vertical-align: top; width: 120px; }
table.input td.divide, table.input th.divide { background-color: #000000; border: none; margin: 0px; padding: 0px; width: 2px; }
div.req { color: #990000; display: inline; font-size: 1.3em; font-weight: bold; padding-left: 5px; }

.clearfix {/*	display: inline-block;*/ }  
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
@media only screen and (max-width: 1000px) { div.content { height: 100%; } }