@import url( "./forms.css" );
@import url( "./default.css" );

*
{
	margin:0;
	padding:0;
}
html, body
{
	height : 100%;
	font-size : medium;
}
html body
{
	background-color : White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.6em;
}
html body h1,
html body h2,
html body p
{
	margin-bottom : 1.5em;
}
html body h1
{
	font-size : 1.75em;
}
html body h2
{
	font-size : 1.33em;
}
html body.popup h1,
html body.popup h2,
html body.popup p
{
	margin : 10px 10px 1.5em 10px;
}
/* distance & wrapper allow us to vertically center on page */
html body div#distance
{
	width : 1px;
	height : 50%;
	margin-bottom : -250px; /* half of wrapper's height */
	float : left;
}
html body div#wrapper
{
	position : relative; /* puts wrapper in front of distance */
	text-align : left;
	height : 500px;
	overflow : hidden;
	clear : left;
}

html body div#wrapper ul#navigation
{
	border-bottom : 9px solid #6e6f73;
	position : relative;
	height : 35px;
	padding-left : 359px;
	text-transform : uppercase;
	font-weight : bold;
}
html body div#wrapper ul#navigation a img#logo
{
	position : absolute;
	left : 0px;
	top : 0px;
	border : 0px;
}
html body div#wrapper ul#navigation li
{
	margin-right : 1.25em;
	float : left;
	margin-top : 16px;
	font-size : 110%;
	list-style : none;
}
html body div#wrapper ul#navigation li a
{
	text-decoration : none;
	color : #666;
}
html body div#wrapper ul#navigation li a:hover
{
	text-decoration : none;
	color : #999;
}
html body div#wrapper ul#navigation li.active a
{
	color : #9acc00;
}
html body div#wrapper a
{
	text-decoration : none;
	color : Green;	
}
html body div#wrapper div#content
{
	margin-top : 50px;
	border-left : 20px solid #e7e7e7;
	background-color : #666;
	height : 356px;
	position : relative;
	/* Stops the display picture dropping out of sight on 1024x768 & cuts it instead */
	width : 3000px;
	overflow : hidden;
}
html body div#wrapper div#content ul#mainnavigation,
html body div#wrapper div#content ul#subnavigation,
html body div#wrapper div#content div#description,
html body div#wrapper div#content div#thumbnails,
html body div#wrapper div#content div#image,
html body#fckeditor
{
	background-color : #707070;
	color : White;
	width : 176px;
	height : 356px;
	float : left;
	border-left : 1px solid White;
	padding : 10px;
}
html body div#wrapper div#content ul#subnavigation
{
	background-color : #999;
	width : 130px;
}
html body div#wrapper div#content ul#mainnavigation,
html body div#wrapper div#content ul#subnavigation
{
	margin : 0px;
	padding : 10px 0px;
	overflow : scroll;
}
html body div#wrapper div#content ul#mainnavigation li,
html body div#wrapper div#content ul#subnavigation li
{
	list-style : none;
	padding : 0.5ex 10px;
	font-size : 110%;
}
html body div#wrapper div#content ul#mainnavigation li a,
html body div#wrapper div#content ul#subnavigation li a
{
	color : White;
	text-decoration : none;
}
html body div#wrapper div#content ul#mainnavigation li a:hover,
html body div#wrapper div#content ul#subnavigation li a:hover
{
	color : #ccc;
}
html body div#wrapper div#content ul#mainnavigation li.active,
html body div#wrapper div#content ul#subnavigation li.active
{
	background-image : url( "../images/layout/pointer.png" );
	background-position : left;
	background-repeat : no-repeat;
}
html body div#wrapper div#content ul#mainnavigation li.active a,
html body div#wrapper div#content ul#subnavigation li.active a
{
	color : #9acc00;
}
html body div#wrapper div#content ul#mainnavigation pre.address
{
	margin : 0px 10px;
	font-family : Verdana, Arial, sans-serif;
	font-size : 95%;
}
html body div#wrapper div#content ul#mainnavigation pre.address a
{
	color : #9acc00;
	text-decoration : underline;
}
html body div#wrapper div#content div#description,
html body#fckeditor
{
	color : #707070;
	background-color : #e7e7e7;
	overflow : scroll;
	/* If changing this, remember to change the FCK editor option too */
	height : 353px;
	/* width in FCK editor should be this, plus the padding... */
	width : 256px;
	position : relative;
}
html body#fckeditor
{
	overflow : hidden;
}
html body div#wrapper div#content div#description form label,
html body#fckeditor form label
{
	width : 90px;
	text-transform : capitalize;
}
html body div#wrapper div#content div#description form input, 
html body div#wrapper div#content div#description form select, 
html body div#wrapper div#content div#description form textarea,
html body div#wrapper div#content div#description form iframe,
html body#fckeditor form input, 
html body#fckeditor form select, 
html body#fckeditor form textarea,
html body#fckeditor form iframe
{
	width : 220px;
	font-family : Verdana, Arial, sans-serif;
	font-size : 1em;
	padding : 2px;
}
html body div#wrapper div#content div#description form textarea#address,
html body#fckeditor form textarea#address
{
	height : 80px;
}
html body div#wrapper div#content div#description form textarea#message,
html body#fckeditor form textarea#message
{
	height : 100px;
}
html body div#wrapper div#content div#description form button,
html body#fckeditor form button
{
	position : relative;
	float : right;
	margin : 0px;
	margin-top : 1em;
	background-color : #666;
	border : 1px solid #333;
	color : #9acc00;
	font-size : 100%;
	cursor : pointer;
}
html body div#wrapper div#content div#description ul#fileattachments,
html body#fckeditor ul#fileattachments
{
	margin-left : 0px;
	list-style : none;
}
html body div#wrapper div#content div#description ul#fileattachments li a,
html body#fckeditor ul#fileattachments li a
{
	display : block;
	line-height : 16px;
	padding-left : 20px;
	background-repeat : no-repeat;
}
html body div#wrapper div#content div#description ul#fileattachments li.pdf a,
html body#fckeditor ul#fileattachments li.pdf a
{
	background-image : url( '../images/layout/pdf.png' );
}
html body div#wrapper div#content div#description ul#fileattachments li.dwg a,
html body#fckeditor ul#fileattachments li.dwg a,
html body div#wrapper div#content div#description ul#fileattachments li.download a,
html body#fckeditor ul#fileattachments li.download a,
html body div#wrapper div#content div#description ul#fileattachments li.octet-stream a,
html body#fckeditor ul#fileattachments li.octet-stream a
{
	background-image : url( '../images/layout/dwg.png' );
}
html body div#wrapper div#content div#description ul#fileattachments li.rtf a,
html body#fckeditor ul#fileattachments li.rtf a
{
	background-image : url( '../images/layout/rtf.png' );
}
html body div#wrapper div#content div#description ul#fileattachments li.msword a,
html body#fckeditor ul#fileattachments li.msword a
{
	background-image : url( '../images/layout/msword.png' );
}
html body div#wrapper div#content div#thumbnails
{
	border : 0px;
	padding : 0px;
	width : 102px;
	font-size : 0px;
}
html body div#wrapper div#content div#thumbnails,
html body div#wrapper div#content div#description,
html body div#wrapper div#content ul#subnavigation
{
	position : relative;
	left : -17px;
	margin-right : -17px;
}				
html body div#wrapper div#content div#thumbnails img
{
	border : 1px solid White;
	border-width : 0px 0px 1px 1px;
	width : 50px;
	height : 50px;
	background-color : #eee;
	display : block;
	float : left;
}
html body div#wrapper div#content div#image
{
	width : 350px;
	text-align : center;
	border-right : 1px solid White;
	padding : 0px;
	position : relative;
	float : left;
}
html body div#wrapper div#content div#image img,
html body div#wrapper div#content div#image object,
html body div#wrapper div#content div#image embed
{
	border-bottom : 1px solid White;
	width : 350px;
	height : 310px;
}
html body div#wrapper div#content div#image div#caption
{
	position : absolute;
	top : 311px;
	left : 0px;
	width : 340px;
	color : White;
	font-weight : bold;
	padding-top : 30px;
	background : no-repeat url( '/images/layout/orsogril_bear_white_small.png' ) right;
	height : 16px; 
	text-align : left;
	padding-left : 5px;
}
html body div#wrapper div#content img#bearlogo
{
	margin-left : 1em;
	margin-top : 250px;
}

html body div#wrapper div#footer
{
	margin-top : 30px;
	color : #707070;
}
html body div#wrapper div#footer div
{
	float : left;
	margin-left : 22px;
	padding-left : 18px;
	height : 22px;
	background-repeat : no-repeat;
}
html body div#wrapper div#footer div.phone
{
	background-image : url( '../images/layout/phone.png' );
}
html body div#wrapper div#footer div.email
{
	background-image : url( '../images/layout/email.png' );
}
html body div#wrapper div#footer div.worldwide
{
	background-image : url( '../images/layout/world.png' );
}
html body div#wrapper div#footer div a
{
	color : #707070;
}
html body div#wrapper div#footer div a:hover
{
	color : #999;
}
html body div#wrapper div#footer div.worldwide a
{
	color : #9acc00;
}


/* Page specific changes */
html body#home div#wrapper div#content ul#mainnavigation img#whitebearlogo
{
	margin : 0px 5px;
}
html body#home div#wrapper div#content ul#mainnavigation
{
	background : no-repeat url( '/images/layout/orsogril_homepage_watermark.png' ) bottom;
}
html body#home div#wrapper div#content div#image div#caption
{
	background-image : none;
}

/* Admin pages */
html body.admin div#distance
{
	width : 1px;
	height : 1px;
	float : left;
}
html body.admin div#wrapper
{
	height : auto;
}
html body.admin div#wrapper div#content
{
	height : auto;
	border-left : 0px;
	width : 100%;
	padding-right : 10px;
}
html body.admin div#wrapper div#content div#description
{
	overflow : auto;
	height : auto;
	left : 0px;
}
html body.admin div#wrapper div#content ul li.pdf
{
	background-image : url( '../images/layout/pdf.png' );
	background-repeat : no-repeat;
	padding-left : 20px;
	background-position : left;
}
html body.admin div#wrapper div#content ul li.dwg,
html body.admin div#wrapper div#content ul li.download,
html body.admin div#wrapper div#content ul li.octet-stream
{
	height : 16px;
	background-image : url( '../images/layout/dwg.png' );
	background-repeat : no-repeat;
	padding-left : 20px;
	background-position : left;
}
html body.admin div#wrapper div#content ul li.msword
{
	height : 16px;
	background-image : url( '../images/layout/msword.png' );
	background-repeat : no-repeat;
	padding-left : 20px;
	background-position : left;
}
html body.admin div#wrapper div#content ul li.gif,
html body.admin div#wrapper div#content ul li.jpg,
html body.admin div#wrapper div#content ul li.jpeg,
html body.admin div#wrapper div#content ul li.pjpeg,
html body.admin div#wrapper div#content ul li.png
{
	height : 16px;
	background-image : url( '../images/layout/image.png' );
	background-repeat : no-repeat;
	padding-left : 20px;
	background-position : left;
}
html body.admin div#wrapper div#content ul
{
	list-style : none;
	padding : 1ex;
	padding-top : 2px;
	margin : 10px;
	color : White;
	font-weight : bold;
	border : 1px solid Black;
	width : 300px; 
	float : left;
}
html body.admin div#wrapper div#content ul#filelist
{
	float : none;
	width : auto;
	overflow : auto;
}
html body.admin div#wrapper div#content ul#filelist div#filesearchresults
{
	clear : both;
}
html body.admin div#wrapper div#content ul#unattachedfiles
{
	height : 400px;
	overflow : scroll;
	width : 900px;
}
html body.admin div#wrapper div#content ul#filelist li,
html body.admin div#wrapper div#content ul#unattachedfiles li
{
	width : 80px;
	height : 100px;
	border : 1px solid Black;
	background-color : White;
	float : left;
	clear : none;
	background-position : top left;
	text-align : center;
	margin : 5px 5px 0px 0px;
	padding : 3px;
}
html body.admin div#wrapper div#content ul#unattachedfiles li
{
	padding-top : 10px;
	height : 60px;
}
html body.admin div#wrapper div#content ul#filelist li a img
{
	position : relative;
	left : 7px;
	border : 1px solid Green;
}
html body.admin div#wrapper div#content ul h2 a
{
	color : #333;
	text-decoration : none;
}
html body.admin div#wrapper div#content ul h2 a:hover
{
	color : White;
}
html body.admin div#wrapper div#content ul li:first-child
{
	margin-top : 5px;
}
html body.admin div#wrapper div#content ul li
{
	clear : both;
	color : #707070;
	font-weight : normal;
	margin : 0px;
	margin-top : 3px;
	border : 1px solid #aaa;
	border-top : 0px;
	border-right : 0px;
	padding :  3px;
	background-color : White;
}
html body.admin div#wrapper div#content ul li.active
{
	font-weight : bold;
	color : Black;
	font-size : 125%;
}
html body.admin div#wrapper div#content ul li ul
{
	float : none;
	width : auto;
	border : 0px;
	padding : 0px;
	background-color : #e6e6e6;
}
html body.admin div#wrapper div#content ul li ul li
{
	background-color : #e6e6e6;
}
html body.admin div#wrapper div#content ul li img.thumbnail
{
	position : absolute;
}
html body.admin div#wrapper div#content div#imagedragdropholder
{
	position : relative;
	overflow : auto;
	height : 500px;
	padding-top : 20px;
}
html body.admin div#wrapper div#content div#imagedragdropholder form
{
	position : absolute;
	left : 135px;
	top : 0px;
}
html body.admin div#wrapper div#content div#imagedragdropholder form label
{
	color : White;
	font-weight : Bold;
	width : 5em;
}
html body.admin div#wrapper div#content table#attachedimages
{
	width : 125px;
	background-color : White;
	border : 1px solid Black;
	float : left;
	clear : left;
}
html body.admin div#wrapper div#content table#attachedimages caption
{
	margin-top : 10px;
	color : White;
	font-weight : bold;
	text-align : left;
}
html body.admin div#wrapper div#content table#attachedimages tbody tr td
{
	border : 1px solid Silver;
	height : 5px;
	width : 52px;
	height : 52px;
	vertical-align : middle;
	text-align : center;
	padding : 0px;
}
html body.admin div#wrapper div#content table#attachedimages tbody tr td.hoverActive,
html body.admin div#wrapper div#content ul#unattachedimages.hoverActive
{
	border : thin dashed Red;
}
html body.admin div#wrapper div#content ul#unattachedimages
{
	padding : 5px;
	width : 80%;
	float : left;
	height : 400px;
	overflow : scroll;
}
/*http://wiki.github.com/madrobby/scriptaculous/puzzle-demo*/
html body.admin div#wrapper div#content ul#unattachedimages.dragdrop li,
html body.admin div#wrapper div#content ol#attachedimages.dragdrop li
{
	/*float : left; */
	display : inline;
	position : relative;
	border : 1px solid White;
	clear : none;
	padding : 0px;
	width : 50px;
	height : 50px;
}
/* Make the throbber appear centralised while loading
Removed because it makes IE's drag & drop behaviour erratic on thumbnail organisation
html body.admin div#wrapper div#content div#editwindow
{
	position : relative;
	margin-left : 330px;
}
 */
html body.admin div#wrapper div#content div#editwindow form fieldset textarea
{
	width : 90%;
	height : 150px;
	font-family : Verdana, Arial, sans-serif;
	font-size : 1em;
	padding : 5px;
}
html body.admin div#wrapper div#content div#editwindow form fieldset textarea#name
{
	width : 250px;
	height : 3em;
	line-height : 1em;
}
html body.admin div#wrapper div#content div#editwindow form fieldset input#filename,
html body.admin div#wrapper div#content div#editwindow form fieldset input#thumbnail
{
	width : 400px;
}
html body.admin div#wrapper div#content div#editwindow div#confirmation
{
	padding : 10px;
	border : 1px solid Black;
	text-align : center;
	background-color : White;
	margin : 1em;
}

html body form#cse-search-box
{
	float : right;
}