/*

	Screen Style Sheet for Camovision

	Originally Created by Nevo
	Copyright © 2006 www.Nevo.org

*/

html, body {
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

body {
	line-height: 120%;
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #585050;
	background: #CCC8BB url(/hooray/background.jpg) repeat-x;
	margin: 0 0 20px 0;
	padding: 0;
}

table td {
	line-height: 130%;
}

table.Forma td {
	font-size: 1.1em;
	line-height: 90%;
	vertical-align: top;
}
table.Forma td input { width: 100% }

table.width100 { width: 100% }

p {
	padding: 0.1em 0 0.7em 0;
	margin: 0;
	font-size: 0.9em;
}
p.left { text-align: left }
p.right { text-align: right }
p.nopadding { padding: 0 }


h1, h2, h3, h4, h5, h6 {
	line-height: 120%;
	font-weight: normal;
	padding: 0.4em 0 0 0;
	margin: 0;
}

h1 { font-size: 1.5em; padding-top: 0; }
h2 { font-size: 1.3em }
h3 { font-size: 1.2em }
h4 { font-size: 1em; font-weight: bold }
h5 { font-size: 0.8em }
h6 { font-size: 0.7em }

h1.StoreTitle, h2.StoreTitle { padding-left: 80px }

a  { text-decoration: underline; background-color: transparent; cursor: pointer }
a:link { color: #AB0000 } a:active { color: #AB0000 } a:visited { color: #AB0000  }
a.white:link, a.white:visited, a.white:active { color: white }
a.Permanent:link, a.Permanent:visited, a.Permanent:active { color: #285795 }
span.Unavailable, a.Unavailable:link, a.Unavailable:visited, a.Unavailable:active { color: #8DA6C7 }
a.Main:link, a.Main:visited, a.Main:active { color: white }

ul, ol { margin-top: 0.1em } li { font-size: 0.9em }

a:link img, a:visited img { border-style: none }
a img { color: black } /* The only way to hide the border in NS 4.x */

input.w100 { width: 100% }
.Invalid { border: 1px solid #CC0000 }

span.active, a.active	{ background-color: #80D829; padding: 2px; }
span.inactive { padding: 2px; }

span.Price { font-size: 1.3em; color: #2A7200; white-space: nowrap }

span.Link {
	cursor: pointer
}

.Smaller { font-size: 0.9em; }
.Small { font-size: 0.7em; }
.Tiny { font-size: 0.6em; }
.Huge { font-size: 3em; }
.TabBottom { padding-bottom: 15px }

span.Available { color: #0054C3 }
span.Unavailable { color: #78A4DF }
span.Disabled { color: gray }

span.nobr { white-space: nowrap }

div.Center { text-align: center; }


div.selh {
	margin: 0.3em 0 0.3em 0;
	font-weight: normal;
}

div.selh-root span.active, div.selh span.active {
	position: relative;
	top: 0; left: -2px;
}

td.Param { width: 150px; font-size: 0.8em; padding-right: 2px; }
td.Value { width: auto; }

#Header { background: url(/hooray/hip-hop-hooray.gif) no-repeat bottom center;
width: 760px; height: 364px; margin: 0 auto; margin-bottom: -80px; margin-top: -30px; border: 0 }

#Desk { background: #F1D708; color: black; padding: 20px; margin-left: -20px; margin-right: -20px; margin-bottom: 10px; width: 520px }
html>body #Desk { background: #F1D708; color: black; padding: 20px; margin-left: -20px; margin-bottom: 10px; width: 100% }

/* common tags for rounded corners that can be used for many panels */
b.Rnd1{margin: 0 5px;}
b.Rnd2{margin: 0 3px;}
b.Rnd3{margin: 0 2px;}

/* container one */
div.ContainerOne { width: 520px; height: auto; background: white url(/hooray/sheet-back.gif); margin: 0 auto; overflow: hidden;} /* adjust the position, size and colour of the panel here */
div[class="ContainerOne"] { height:auto !important; min-height:200px;} /* adjust the minimum height of the panel here for mozilla only */
b.RndTopOne b, b.RndBottomOne b{display:block;height: 1px; overflow: hidden; background: white} /* adjust the colour of the panel top and bottom here */
b.RndTopOne, b.RndBottomOne{display:block;background: #CCC8BB;} /* adjust the background colour here */
div.RPanelContentOne {padding: 20px; width:520px; height: auto; mArgin: 0; text-align:left;} /* adjust the content width (to be slightly less than the panel width to get a margin), height and text alignment of the content here */
html>body div.RPanelContentOne {padding: 0; margin: 0 auto; margin-top:10px; margin-bottom:10px; width:480px; height:200px; text-align:left;} /* adjust the content width (to be slightly less than the panel width to get a margin), height and text alignment of the content here */
div[class="RPanelContentOne"] {height:auto !important; min-height:200px;} /* adjust the minimum height of the panel here for mozilla only */
b.RndTopOne b.Rnd4, b.RndBottomOne b.Rnd4{margin: 0 1px; height:2px;}