/****************************************************
*
*	Global Styles
*  All rights reserved.
*
*/

body
{
    margin: 0px;
    font-family: Trebuchet, Verdana, Georgia;
    background-color: #788fbe;
}

div.outerbox
{
	padding: 0 5px 5px 0;
}
div.outerbox div.shadowbox1
{
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 5px;
	height: 100%;
	background: url(myshadow.png) no-repeat right top;
}
div.outerbox div.shadowbox2
{
	position: absolute;
	bottom: 0;
	right: 5px;
	height: 5px;
	width: 100%;
	background: url(myshadow.png) left bottom;
}
div.outerbox div.shadowbox3
{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 5px;
	background: url(myshadow.png) no-repeat right bottom;
}

.innerbox
{
	margin: 0;
	display: inherit;
}
#root-menu-div ul {
	border: 1px solid #000;
	width: 170px;
}
#root-menu-div a {
	color: black;
}
#root-menu-div li{
	white-space:nowrap;
	padding: 5px;
	height: 1.5em; /* fixing ie6 problem */
}

ul.menu, #root-menu-div ul {
	background-color: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
    font-size: 0.8em;
}
li.menu-separator.active{
	background-color: transparent;
}
li.active {
	background-color: #888;
}
div.menu-item {
	display: inline; /* fixes problem in ie6 */
}

li.menumain {
	float: left;
	padding: 0 10px;
}
div.menu-item {
	padding: 1px 10px 1px 4px;
}
img.menu-item-arrow{
	position: absolute;
	right: 4px;
	top: 8px;
}
li.menu-separator{
	border-bottom: 1px solid #000;
	font-size: 0; /* for ie */
	height: 0;
	line-height: 0; /* for ie */
	margin: 2px 0;
}
li.red {
	color: red;
}
li.blue {
	color: blue;
}

/***********************************************************
*
*	Logo Panel Styles
*/

table.formTable label
{
    font-size: 0.8em;
}

table td {
    vertical-align: top;
}
table.list {
    font-size: 0.9em;
    border:1px solid #000;
    border-collapse : collapse;
}

table.list th
{
    background-color: #EEEEEE;
    border:1px solid black ;
    border-collapse:collapse;
    padding:5px;
}
table.list td
{
    border:1px solid #000;
    border-collapse:collapse;
    padding:5px;
}

ul.errors
{
    color: red;
}

.element {
    vertical-align: top;
}

/***********************************************************
*
*	Header Panel
*/
div#header
{
    border-bottom: 3px solid black;
    background-color: #6b9bfa;
    color:#ffffff;
    height: 142px;
    padding: 2px;
}
div#header div#header-logo
{
    vertical-align: bottom;
    padding: 0px;
}
div#header img
{
    width: 260px;
    height: 142px;
    border: 0px;
}

div#header div#header-text
{
    font-size: 40px;
   	padding-top: 50px;
}

/***********************************************************
*
*	Other Styles
*/
div#menu
{
    border-bottom: 3px solid black;
    background-color: #788fbe;
    color:#ffffff;
    height: 25px;
    padding: 10px;
    padding-left: 35px;
    vertical-align: baseline;
}
div#menu a, a:visited
{
    color: #ffffff;
}

div#content
{
    font-size: 0.9em;
    padding: 5px 5px 15px 25px;
    background-color: #d8e3f9;
}

div#content input, div#content select
{
    font-family: trebuchet, verdana, georgia;
}

div#content h3
{
	color: #788fbe;
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 10px;
}
div#content  ul
{
	padding-left: 15px;
}
div#content  li 
{
	margin: 5px;
	list-style-type: none;
	list-style-position: inside;
}
div#content li a
{
	background: url(bullet1.png) no-repeat center left;
	padding-left: 22px;
}

/***********************************************************
*
*	Other Styles
*/
div#footer
{
    border-top: 3px solid black;
    color:#ffffff;
    font-size: 0.9em;
    height: 60px;
    padding: 10px;
    text-align: center;
}
div#footer a, a:visited
{
    color: black;
}

div#paginationControl
{
    font-weight: bold;
    font-size: 0.8em;
}


/***********************************************************
*
*	Other Styles
*/

div#main-categories
{
    float: left;
    background-color: #EEEEEE;
    margin: 3px;
    padding: 5px;
    height: 800px;
}

div#main-categories div.list
{
    margin-left: 20px;
}

div .superadmin
{
    float: left;
    padding: 10px;
    font-size: 0.9em;
    margin: 5px;
    border: 5px solid black;
    text-align: center;
    background-color: white;
}
div .admin
{
    float: left;
    padding: 10px;
    font-size: 0.9em;
    margin: 5px;
    border: 5px solid blue;
    text-align: center;
    background-color: white;
}

div .viewcard
{
    width: 600px;
    margin-left: auto ;
    margin-right: auto ;
    border: 3px dashed green;
}

div .greeting
{
    float: left;
    padding: 3px;
    padding-top: 10px;
    margin: 3px;
    border: 1px solid grey;
    font-size: 0.7em;;
    width: 500px;
    background-color: white;
}

div .greeting div.photo {
    width: 120px;
	float: left;
    text-align: center;
}

div.photo img {
    border: 0px;
}

div .thumbnail
{
    float: left;
    padding: 15px;
    font-size: 0.7em;
    margin: 4px;
    border: 1px solid black;
    text-align: center;
    background-color: white;
}

div .thumbnail img.thumbnail
{
    width: 200px;
    height: 200px;
}

div .thumbnail_0
{
    opacity: 0.3;
    border: 1px solid gray;
}

span.bad
{
    color: red;
}

p.description
{
    font-size: 0.9em;
}

p.success
{
    border: 4px solid green;
	background: url(ok.png) no-repeat 8px center;
    background-color: white;
    color: green;
    display: block;
    font-weight: bold;
    height: 48px;
    margin-right: 20px;
    padding-top: 24px;
    padding-left: 65px;
    text-decoration: blink;
}

p.error
{
    border: 4px solid red;
	background: url(err.png) no-repeat 8px center;
    background-color: white;
    color: red;
    display: block;
    font-weight: bold;
    height: 48px;
    margin-right: 20px;
    padding-top: 24px;
    padding-left: 65px;
    text-decoration: blink;
}