@charset "utf-8";

body {
    border: 0;
    margin: 0;
    padding: 1em;
    font: normal 10pt sans-serif;
    color: #202020;
/*
    background-image: url(/img/bkgrnd_main.png);
    background-attachment: fixed;
*/
}

a:link { color: #037d31 }
a:visited { color: #28683d }
a:hover { color: #7c0420 }

#head, #content, #foot { margin: 0 auto; width: 68em; padding: 0; }
#head, #content { clear: both }

#head-logo { margin: 1em 0.5em }
#head img { border: none }

#mmenu {
    float: left; clear: left;
    left: 0; bottom: 0.5em;
    width: 46em;
    margin: 1em 0;
    padding: 0.1em 0.5em;
    background-color: #024e1b;
    border: thin solid transparent;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}
#mmenu img { display: inline; vertical-align: baseline }
#mmenu ul { margin: 0; padding: 1px; border: none; }
#mmenu ul li {
    margin: 0; padding: 0;
    vertical-align: middle;
    float: left;
    display: block;
    list-style: none inside none;
    border-left: thin solid #032d11; border-right: thin solid #aff5c8;
}
#mmenu .mm-first { border-left: none }
#mmenu .mm-last { border-right: none }
#mmenu a, #mmenu a:visited {
    display: block;
    padding: 0.5em 1em;
    text-decoration: none; font-weight: normal;
    color: white; background-color: #024e1b;
}
#mmenu a:hover {
    color: #032d11; background-color: #aff5c8;
}

#entrance {
    float: right;
    width: 16em;
    padding: 1em;
    border: thin solid transparent;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    background-color: #fdcba7;
    text-align: left;
}
#entrance .button { font-size: 8pt }
#entrance #ent-title, #entrance .title {
    margin: -0.5em -0.5em 1em;
    padding: 0.2em 0.5em;
    font-size: smaller; font-weight: bold;
    border: thin solid transparent;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    color: white; background-color: #522506;
}
#entrance #login table { width: 100% }
#entrance #login td { text-align: right }
#entrance #login form, label, input { margin: 0em; padding: 0em; font-size: 8pt }
#entrance #login label { color: #522506 }
#entrance #login input { width: 12em; margin-left: 0.5em; padding: 0.2em }
#entrance #login input#submit { float: right; margin: 0.5em 0 0; width: 6em }
#entrance #ent-reg { clear: right; float: right; width: 9em; margin: 1em auto 0; }

#entrance #ent-cab { clear: left; float: left; width: 6em }
#entrance #ent-exit { clear: right; float: right; width: 6em;  background-color: #7c0420 }
#entrance #ent-exit:hover { border: thin solid #7c0420; background-color: #ffb9c7; color: #7c0420 }
#entrance #userEmail { font-weight: bold; color: #522506 }
#entrance #userName { margin-bottom: 1em; font-weight: normal; color: #522506 }

#sidebar-main {
    float: right;
    width: 16em;
    padding: 1em;
    border: thin solid transparent;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    background-color: #aff5c8;
    text-align: left;
}
#sidebar-main .title {
    margin: -0.5em -0.5em 1em;
    padding: 0.2em 0.5em;
    font-size: smaller; font-weight: bold;
    border: thin solid transparent;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    color: white; background-color: #522506;
}
#sidebar-main #main-reg { clear: right; float: right; width: 9em; margin: 1em auto 0; }

#sidebar {
    float: right;
    width: 16em;
    margin-left: 1em;
    padding: 1em;
    /*margin: 0.2em 1em 2em; padding: 1em;*/
    /*border: solid 1px black;*/
}

#sidebar .title { margin: -0.5em -0.5em 1em; padding: 0.5em; font-size: smaller; font-weight: bold; color: white; background-color: #522506 }
#sidebar #client-download { margin: 0.5em 0; text-align: left; font-size: 12pt; color: #aff5c8 }
#sidebar #client-download:hover { color: #024e1b }
#sidebar #client-download .large { font-size: 14pt }
#sidebar #client-download .small { font-size: 8pt }

#sidebar form, dl, dt, dd, label, input { margin: 0em; padding: 0em; }
#sidebar h1 { margin: 0em 0em 1em; font-size: 1.2em; }
#sidebar .large { margin-top: 0.5em; font-size: 0.9em; }
#sidebar form { margin-bottom: 1.5em; padding-bottom: 2.5em; border-bottom: solid 1px black; }
#sidebar dt { margin-bottom: 0.2em; }
#sidebar dd { margin-bottom: 0.5em;}
#sidebar label { font-size: 0.9em; }
#sidebar input#loginEmail { width: 120px; }
#sidebar input#loginPasswd { width: 120px; }
#sidebar input#submit { float: right; margin-top: 0.2em; width: 6em; }


/* Content flow styles */
h1 { margin: 1.2em 0em 0.2em; font-size: 220%; font-weight: normal; color: #7c0420; }
h2 { margin: 1.1em 0em 0.1em; font-size: 140%; font-weight: bold; color: #808080; }
h3 { margin: 1em 0em 0.1em; font-size: 120%; font-weight: bold; }
h1.start, h2.start, h3.start { margin-top: 0.5em }
p { margin: 0.5em 0em 0.2em; }

.left, .l { text-align: left; }
.right, .r { text-align: right; }
.center, .c { text-align: center; }
.just, .j { text-align: justify; }
.middle, .m { vertical-align: middle; }

ol li { margin-top: 1em; margin-bottom: 0.5em; }
li ul, li ol { font-size: smaller; }

img.thumb { display: block; margin: 0em 1em 1em 0em; border: solid #808080 1px; }

.red { color: #7c0420 }
.green { color: #024e1b }
.dkgreen { color: #024e1b }
.grey, .gray { color: #485850 }
.ltgrey, .ltgray { color: #bfd1c8 }

.bgwhite { background-color: white }
.bgltred { background-color: #ffb9c7 }
.bgltgreen { background-color: #aff5c8 }
.bgltyellow { background-color: #fdcba7 }
.bgltgrey, .bgltgray { background-color: #bfd1c8 }

.bgblack { background-color: #101814; color: white }
.bgred { background-color: #7c0420; color: white }
.bggreen { background-color: #024e1b; color: white }
.bgyellow { background-color: #ff8000; color: white }
.bggrey, .bggray { background-color: #485850; color: white }

.disabled { color: #485850 }
.small { font-size: smaller }
.large { font-size: 120% }

.strong, .bold, .b { font-weight: bold }
.em, .italic, .i { font-style: italic }
.oblique, .o { font-style: oblique }

a.nounder { text-decoration: none }
a.nolink:link { color: black }
a.nolink:visited { color: black }


.button {
    padding: 0.5em;
    text-align: center;
    border: thin solid transparent;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}
a.button, a.button:visited {
    display: block;
    text-decoration: none;
    color: white; background-color: #024e1b;
}
a.button:hover {
    border: thin solid #024e1b; color: #024e1b; background-color: #aff5c8;
}


.pseudobutton {
    line-height: 2em;
    padding: 0.5em;
    border: thin solid #bfd1c8;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    background-color: #fafafa;
}

.new {
     background-color: #fdcba7;
     color: #522506
}


.note { font-size: 0.9em; color: #485850; }
div.note { margin: 0.5em 0.5em 0.5em 0.5em; padding: 0.3em 0.5em 0.3em; background-color: #fed7ba; border-left: 0.5em solid #485850; font-size: 0.8em; color: #485850 }
.warn { font-size: 0.9em; color: #7c0420; }
div.warn { margin: 0.5em 0.5em 0.5em 0.5em; padding: 0.3em 0.5em 0.3em; background-color: #f9d3db; border-left: 0.5em solid #802222; font-size: 0.8em; color: #7c0420 }
.err { font-size: 0.9em; color: #f02222; }
div.err { margin: 0.5em 0.5em 0.5em 0.5em; padding: 0.3em 0.5em 0.3em; background-color: #f9d3db; border-left: 0.5em solid #f02222; font-size: 0.8em; color: #f02222 }

.msg-note, .msg-warn, .msg-err {
    margin: 1em 0;
    padding: 0.5em;
    font-size: 0.8em;
    border: thin solid transparent;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}
.msg-note { border-color: #485850; color: #485850; background-color: #fed7ba }
.msg-warn { border-color: #7c0420; color: #7c0420; background-color: #f9d3db }
.msg-err { border-color: #f02222; color: #f02222; background-color: #f9d3db }
.msg-warn h3, .msg-err h3, .msg-note h3 { margin: 0 0 0.2em 0; font-size: 1.2em }
.msg-warn ul, .msg-err ul, .msg-note ul { margin: 0.5em 0 }
.msg-warn li, .msg-err li, .msg-note li { margin: 0 }




table.form { margin: 0em; padding: 0em; border: none; width: 100%; table-layout: fixed; }
table.form tr { height: 2.2em; }
table.form tr { background-color: #f0f0f0; }
table.form td { margin: 0em; padding: 0.2em; border: none; vertical-align: top; }
/* table.form td input, table.form td textarea { margin-top: 0.2em } */
div.form { padding: 0em; }

form { margin: 0em; padding: 0em; }
label { font-weight: bold; font-size: smaller; }
label sup, .masterisk { font-size: 0.9em; font-weight: bold; color: #ff0000; background-color: #f0f0f0; }
.form div { margin: 0em; font-size: smaller; color: #808080 }
.form tr td input, .form tr td textarea, .form tr td select { margin: 0em; width: 95%; font-size: 0.9em; border: solid 0.1em #808080; overflow: visible; }
.form optgroup { font-weight: bold; font-style: oblique; color: #808080; }
.form option { font-weight: normal; font-style: normal; color: black; }
.form textarea { width: 100%; overflow: hidden; }
.form .field-err { background-color: #f0eeee; } /* */
.form .field-err input, .form .field-err textarea { color: #F02222; border-color: #F02222; }
.form .field-err span { font-size: 0.7em; color: #F02222; }
/* .form div input { margin: 0.2em; } */

div.foot { margin: 0em; padding: 0em; font-size: 0.9em; border-top: solid 1px #808080; width: 60%; clear: left; }
div.foot div { font-size: 0.9em; color: #808080; }



div.reg-nav { margin: 1em 0em; padding: 1em; border: solid 1px #808080; font-size: 0.9em; text-align: center; background-color: #f0f0f0 }
div.reg-nav strong { margin: 0em 1em 0em 1em; padding: 0.5em; color: #802222; border: dotted 1px #802222;  background-color: #fed7ba }

table.summary { margin: 1em 0em 1em; padding: 0em; border: none; width: 80%; table-layout: fixed; }
table.summary tr { height: 3em; background-color: #f0f0f0; }
table.summary td { margin: 0em; padding: 0.5em; border: none; vertical-align: middle; }
/* table.form td input, table.form td textarea { margin-top: 0.2em } */
div.form { padding: 0em; }

.-temp { margin: 2em; color: #f0a0a0; font: normal 0.8em monospace; }














#features h1, #features h2 {background-color: #eeffee;font-size: 14pt;color: #000000;margin: 10px;padding: 5px;font-weight: 100;text-align: left;}
#features h3, #features h4, #features h5, #features h6 {font-size: 12pt;color: #000000;margin: 10px;padding: 5px;background-color: #eeeeee;font-weight: 100;}
#features {
	background:#ccc url(../img/panebkgr.png) 0 0;
	border:1px solid #032d11;
	background-color:#060606;
}
#features h2 {
	background:#ccc url(../img/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;
}
#features h2.current {
	cursor:default;
	background-color:#fff;
}
#features .pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	/*height:400px;*/
	padding:5px;
	color:#fff;
	font-size:12px;
}
#features .pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

.scrollable {

	position:relative;
	overflow:hidden;
	width:24em;
	height:90px;

	border:1px solid #ccc;
	background:url(../img/h300.png) repeat-x;
}

.scrollable .items {

	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:115px;
}

.scrollable img {
	float:left;
	margin:5px 5px 5px 5px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;

	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

.scrollable {
	float:left;
}

a.browse {
	background:url(../img/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:30px 5px;
	cursor:pointer;
	font-size:1px;
}


a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


a.left { margin-left: 0px; }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

a.up, a.down {
    background:url(../img/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}

a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }


a.disabled {
    visibility:hidden !important;
}