/*
	Copyright Espen Andersson, 2003-08
	http://ebascripts.com/
	http://skriblerier.net/
*/

div, table, td, th, h1, h2, h3, h4, h5, h6, ul, body { margin: 0; padding: 0 }
a img { border: 0 }
body { color: #333; background: #dedede url(/images/bgsite.png) repeat; line-height: 140%; font-family: 'Bitstream Vera Sans', 'Trebuchet MS', Arial, Verdana, sans-serif }
pre { background: #e9f0f2; border: 1px solid #c7e2eb; padding: 7px }
dt { font-weight: bold }
dd { margin-left: 10px }
ul { list-style-position: inside; list-style-type: square }
input { padding: 2px 5px }

h1 { color: #fff; font-weight: normal }
h2 { color: #1a4180; font-weight: normal; font-size: 25px; margin-bottom: 10px }
h3 { font-size: 15px; margin-bottom: 10px }
h5 { margin-bottom: 6px; letter-spacing: 5px; border-bottom: 1px solid #ccc }

a { color: #5b80b2; text-decoration: underline }
a:visited { color: #969; text-decoration: underline }
a:hover { color: #425761; text-decoration: none }

table { border: 1px solid #ccc; width: 100%; border-collapse: collapse; margin: 10px 0 }
td, th { padding: 2px 5px }
td { border: 1px solid #ccc }
th { background: #333; color: #fff; text-align: left }
td img, .middle { vertical-align: middle }

#site { background-image: url(/images/bgmain.png); background-repeat: repeat-y; background-position: top right; font-size: 85%; border-right: 1px solid #ccc; border-left: 1px solid #ccc; width: 864px; margin: auto }
#main { border-top: 2px solid #ccc }

#menu { color: #e8e8e8; background: #6186b8; height: 25px; line-height: 25px }
#menu li { text-align: center }
#menu ul { padding-left: 18px; list-style: none }
#menu #nav { position: absolute; top: 69px }
#nav a, #nav a:visited { color: #fff; text-decoration: none }
#nav a:hover { color: #e8e8e8; text-decoration: none }
#nav li ul { display: none; left: 0; border: 1px solid #143971; background: #143971 }
#nav li:hover ul, #nav li.over ul { display: block !important; margin-right: -1px; margin-left: -1px }
ul.subNav { border: 1px solid #143971; padding-left: 0 !important } /** we've have add padding-left: 0 because of the #menu #nav rule */
li.sub { background: #6c90c1; float: left; position: relative; width: 119px; border-left: 1px solid #143971; border-right: 1px solid #143971; margin-left: 20px; margin-right: 20px; display: block; height: 25px; vertical-align: middle }
ul.subNav li a { background: #7a9dcc; margin-bottom: 1px; text-decoration: none; display: block; width: 119px }
ul.subNav li a:hover { background: #8faed9; color: #999 }
li.subNav a, li.subNav a:hover { display: block; text-decoration: none }
#nav li:hover > ul { display: block }

#right { width: 194px; margin: 10px; float: right }
#right h3 { border-bottom: 1px solid #bec9d1; background: #f3f3f3; padding-left: 5px; font-size: 12px }
#right p { margin-bottom: 10px }
#right ul { margin-bottom: 10px; border-bottom: 1px solid #bec9d1 }
#right li { list-style-type: none; width: 100% }
#right li a { background: #f3f3f3; padding-left: 5px; display: block; height: 20px }
#right li a:hover { background: #f8f8f8; color: #06c }
#right ul.sublist { border: 0 }
#right ul.sublist li a { padding-left: 20px }
#text { margin-right: 215px; padding: 15px; color: #000; text-align: justify }
#bottom { border-top: 1px solid #666; border-bottom: 1px solid #666; text-align: right; color: #c5c0c0; background: #333; clear: both; padding: 5px 10px; line-height: 160% }
#bottom a, #bottom a:visited { background: none; text-decoration: underline; color: #c5c0c0 }
#bottom a:hover, #bottom a:visited:hover { text-decoration: none }
#extramenu { border-bottom: 1px dotted #ccc; font-weight: bold; margin-bottom: 20px; margin-top: -10px }
#extramenu li { display: inline }
#extramenu li a:hover { text-decoration: underline }
#logo { background-color: #1a4180; background-image: url(/images/headerbg.png); background-repeat: repeat-x; height: 69px; color: #f8f8f8; text-align: right }
#logo span { display: none }
#logo h1 a { display: block; overflow: hidden; width: 100%; height: 69px; background: url(/images/header.png) no-repeat }

.red { font-weight: bold; color: #ce0000 }
.arrow { vertical-align: baseline; padding-left: 5px }
.input { width: 300px }
.left { float: left; width: 50% }
.left h2 { margin-bottom: 5px }
.right { width: 50%; float: left; text-align: left }
.right h3.margintop { margin-top: 10px }
.clear { clear: left; height: 0 }
.screenshot { background: #efefef; padding: 3px; float: right; width: 250px; margin-left: 10px; font-weight: bold; text-align: center }
.screenshot img { border: 1px solid #999; display: block }
.code { font-family: "Courier New", sans-serif; background: #f8f8f8; border: 1px solid #ccc; padding: 5px }
.note { background: #f5f9fc; border: 1px dotted #072a66; text-indent: 10px; padding: 10px; color: #072a66 }
.emailsent { border: 1px dotted #ccc; background: #f8f8f8; padding: 10px; margin-bottom: 15px }
.illustration { float: right; margin: 30px 0 15px 15px }
.illustration img { display: block }
.prologue { font-weight: bold }
.quote { background: #dfebf1; border: 1px solid #c0d4df; padding: 10px; font-style: italic; margin: 0 0 10px 15px }
.intro { font-weight: bold }
.hr { background-image: url(/images/hr.png); margin: 15px 0; height: 15px }
.clearafter:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }
.margintop { margin-top: 10px }