@import '../../CSS/base.css';
html{background:white;color:#808080;padding:40px}
html,input,textarea,select{font-family:'Lucida Grande',Tahoma,Helvetica,Verdana,sans-serif}

table{border-spacing:0}
* html table{border-collapse:collapse}
fieldset{border:1px solid #808080;padding:6px}
input[type='text']:focus,input[type='password']:focus,textarea:focus,select:focus{outline:1px solid #808080}
input.text,textarea{border:1px solid #808080}
input.button,input.text,input.file,textarea{padding:1px 2px}

a{text-decoration:none;font-weight:bold;color:#808080}
a:focus,a:hover,a:active{color:#4f97c5}

#logOut{text-align:right;font-size:1.1em}
#logOut a{color:#f66}
#logOut a:hover{color:#c00}

#menu{font:bold 1.2em Skia,Trebuchet,'Trebuchet MS',Georgia,sans-serif;text-align:center;padding-top:6px}
#menu li{display:inline}
#menu a,#menu .current *{text-transform:uppercase;text-decoration:none;padding:6px 0;margin-left:20px}
#menu .current *{color:#4f97c5}
#menu .first *{margin-left:0}
#menu a::before,#menu span::before{content:'.'}
#menu .current *,#menu a:hover{border-bottom:1px solid #808080}

#content{margin-top:40px}

#content table{border-top:1px solid #808080;border-bottom:1px solid #808080}
#content p,#content table,#content ul{margin-top:6px}
#content .first{margin-top:0}
#content table{font-size:1.1em;width:100%}
#content td a,#content td span{display:block;font-weight:normal}
#content th,#content td a,#content td span{padding:3px}
#content td span{color:#f66}
#content th{background:#457;color:#fcffcd}
#content td{background:#e8e8e8}
#content .even td{background:#cdf}
#content .change td{border-top:1px solid #808080}
#content tr:hover td{background:#ecddab}
#content tr:hover a{color:#4f97c5}
#content th.imageColumn{width:1%}
#content th.displayPriorityColumn{width:89px}
#content th.dateColumn{width:70px}
#content td.imageColumn{text-align:center}
#content td.contentColumn,#content td.descriptionColumn{white-space:pre}

#content input,#content label,#content textarea,#content select,#content legend,#content .hint{font-size:1.1em}
#content label,#content .download{clear:left}
#content label,#content .hint,#content .inlineButton,iframe /* WYSIWYG */{margin-top:5px}
#content .download{padding-top:5px} /* margin did not work */
#content .hint{margin-left:3px}
#content label,#content input.text,#content input.file,#content textarea,#content select,#content .hint,#content .download,#content .inlineButton,iframe /* WYSIWYG */{float:left}
#content input.text,#content input.file,#content textarea,#content select{margin-top:3px}
#content textarea{height:65px}
#content input.text,#content input.file,#content textarea,#content select{width:300px} /* See also a hide-from-Safari hack at the bottom. */

#content p.buttons{text-align:right;padding:3px;background:#cdf}
#content p.loss{background:#fdc;color:#231}

#content #messages,#content #errors{font-size:1.1em}
#content #messages{background:#cf8;color:#121;padding:3px}
#content #errors{background:#f98;color:#211;padding:3px}

#indexPage{margin:-40px}
#indexPage #content{margin-top:0}



#indexPage form{background:url('../../images/grassBall.jpg') no-repeat 50% 50%;width:270px;height:350px;text-align:center;position:absolute;left:50%;margin-left:-135px;top:50%;margin-top:-175px}
#indexPage form div{width:202px;margin:100px auto 0}
#indexPage form div div{float:left;height:7px;background:#eaeaea;margin:0;width:188px}
#indexPage form .NW,#indexPage form .SW,#indexPage form .NE,#indexPage form .SE{width:7px}
#indexPage form .NW{background:url('../../images/corners/NW.png')}
* html #indexPage form .NW{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/corners/NW.png',sizingMethod='scale')} /* relative to the document */
#indexPage form .NE{background:url('../../images/corners/NE.png')}
* html #indexPage form .NE{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/corners/NE.png',sizingMethod='scale')} /* relative to the document */
#indexPage form .SW{background:url('../../images/corners/SW.png')}
* html #indexPage form .SW{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/corners/SW.png',sizingMethod='scale')} /* relative to the document */
#indexPage form .SE{background:url('../../images/corners/SE.png')}
* html #indexPage form .SE{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/corners/SE.png',sizingMethod='scale')} /* relative to the document */
#indexPage form p{background:#eaeaea;clear:left;padding-top:7px}
* html #indexPage form p{margin-top:0}
#indexPage label,#indexPage input.text{float:none;margin-top:0}
#indexPage label{clear:none}
#indexPage input.text{border:none;outline:none;width:116px}
#indexPage input.image{margin:14px 0 7px}

#indexPage #contact{position:absolute;bottom:15px;width:100%;text-align:center;text-shadow:0 0 2px white}
#indexPage #contact *{display:inline}
#indexPage #contact br{display:none}
#indexPage #contact a{font-weight:normal}
#indexPage #contact div{display:block;background:#999;width:40px;height:1px;margin:0 auto} /* decorative, IMHO hr would be too much */
#indexPage dt,#indexPage strong{color:#4f97c5}
#indexPage address{font-style:normal}
#indexPage address strong{font-weight:normal}
#indexPage address,#indexPage dl{font-size:1.1em}
* html #indexPage #contact div{overflow:hidden}
#indexPage #contact .content{background:none;width:auto;height:auto;padding:15px 0}
* html #indexPage #contact .content{overflow:auto}

#newsEditingPage #content label{min-width:46px}
* html #newsEditingPage #content label{width:46px}
#newsEditingPage #content textarea{height:240px}

#crewEditingPage #content label{min-width:84px}
* html #crewEditingPage #content label{width:84px}

#jobsEditingPage #content label{min-width:89px}
* html #jobsEditingPage #content label{width:89px}
#jobsEditingPage #content textarea{height:250px}

#directorsEditingPage #content label,#aboutUsEditingPage #content label{min-width:46px}
* html #directorsEditingPage #content label,* html #aboutUsEditingPage #content label{width:46px}
#directorsEditingPage #content textarea,#aboutUsEditingPage #content textarea{height:300px;width:400px}

#clientsEditingPage #content label{min-width:84px}
* html #clientsEditingPage #content label{width:84px}

#locationsEditingPage #content label{min-width:84px}
* html #locationsEditingPage #content label{width:84px}

#OtoDirectorsEditingPage #content label{min-width:84px}
* html #OtoDirectorsEditingPage #content label{width:84px}
#OtoDirectorsEditingPage #content ul{font-size:1.1em}

#worksEditingPage #content label{min-width:84px}
* html #worksEditingPage #content label{width:84px}




#websiteLink{margin-top:5px}
#websiteLink a{background:url('../../images/OtoFilm.favicon.png') no-repeat 100% 50%;padding-right:18px;line-height:16px;float:right}
* html #websiteLink a{background-image:url('../../images/OtoFilm.favicon.ico')}

#content select,#content input.file{width:306px;#}/* hide-from-Safari hack */