/*
    Document   : style
    Created on : 13/03/2010, 11:56:46 PM
    Author     : Harold
    Description:
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@import url("nav-menu.css");
@import url("basic-page.css");
@import url("page-paging.css");

form.standard {
    text-align: left;
    margin-left: 8px; margin-right: 8px;
    padding: 16px 16px 40px 16px;
    font-weight: normal;
    -moz-border-radius: 11px;
    -khtml-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e5e5e5;
    -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    box-shadow: rgba(200,200,200,1) 0 4px 18px;
}

form#search_form {
    text-align: center;
/*    margin-left: 8px; margin-right: 8px;*/
/*    padding: 16px 1em 1em 1em;*/
    font-weight: normal;
    padding-top: 16px;
/*    -moz-border-radius: 11px;
    -khtml-border-radius: 11px;
    -webkit-border-radius: 11px;*/
/*    border-radius: 5px;*/
/*    background: #fff;*/
/*    border: 1px solid #e5e5e5;*/
/*    -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;*/
/*    box-shadow: rgba(200,200,200,1) 0 4px 18px;*/
}

form .forgetmenot { font-weight: normal; float: left; margin-bottom: 0; }

#login form .submit input, .menu input, #itemForm form .submit input, #searchForm form .submit input {
    font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
    padding: 3px 10px;
    border: none;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 11px;
    -khtml-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;				/* make the button look round */
    cursor: pointer;
    text-decoration: none;
    margin-top: -3px;
    text-shadow: rgba(0,0,0,0.3) 0 -1px 0;

}

#login form p {
    margin-bottom: 0;
}

#loginform .submit input {  /* submit button color */
    border-color: #D4D0C8 !important;
}

/*
form .forgetmenot label {
	font-size: 11px;
	line-height: 19px;
}
*/

form .submit { float: right; }

form .menu { text-align: center; }

form p { margin-bottom: 24px; }

/*
h1 a {
	background: url(../images/logo-login1.gif) no-repeat top center;
	width: 326px;
	height: 67px;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 15px;
	display: block;
}
*/

#nav {
    text-shadow: rgba(255,255,255,1) 0 1px 0;
}

#login { width: 320px; margin: 4em auto; }
#itemForm { width: 640px; margin: 4em auto; }
#searchForm { width: 240px; margin: 4em auto; }
#searchForm .user_select { width: 190px; }
#displayStatus { width: 440px; margin: 4em auto; }
#displayStatusMsg {
    color: #0000ff;
    font-weight: bold;
    letter-spacing: 0.5em;
    margin: 0 0 16px 8px;
    border-width: 0px;
    /*border-style: solid;*/
    padding: 12px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#app_message, .message {
    /*color: red;*/
    color: #25CB39;
    margin: 0 0 16px 8px;
    margin: auto;
/*    border-width: 0px;*/
    /*border-style: solid;*/
/*    padding: 12px;*/
/*    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;*/

-moz-border-radius:11px 11px 11px 11px;
-khtml-border-radius:11px 11px 11px 11px;
-webkit-border-radius:11px 11px 11px 11px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #DFDFDF; border-radius: 3px;
font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
/*margin:2em auto 0;*/
margin:3em auto 0;
padding:1em 2em;
width:450px;
text-align: center;
}

#nav { margin: 0 0 0 8px; padding: 16px; }

#user_pass, #user_login, #user_email, #user_input {
    font-size: 24px;
    width: 97%;
    padding: 3px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
}

.user_input {
    font-size: 24px;
    width: 98%;
    padding: 3px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
}
.user_select {
    font-size: 18px;
    width: 10em;
    padding: 1px;
    margin-top: 2px;
    margin-left: 6px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
}

/*
OLD MENU ON THE TOP RIGHT CORNER
*/
#navcontainer {
    position: absolute;
    top: 7px;
    left: 15px;
    color: #CCCCCC;
    font-family: arial, helvetica, sans-serif;
}

#navcontainer ul {
padding-left: 0;
margin-left: 0;
/*background-color: #036;*/
/*color: #CCCCCC;*/
/*float: right;*/
width: 100%;
/*font-family: arial, helvetica, sans-serif;*/
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a {
padding: 0.2em 1em;
/*background-color: #036;*/
color: blue;
text-decoration: none;
float: left;
/*border-right: 1px solid #FFFFFF;*/
}
#navcontainer ul li a:hover { font-weight: bold; /*color: yellow; /*#fff;*/ }

/*
.menu {font-family: arial, sans-serif; width:749px; height:30px; position:absolute; margin:0; font-size:11px; margin:20px 0 60px 0; background:#fff; position:absolute; z-index:100; top: 7px;}
.menu ul {padding:0; margin:0; list-style-type: none;}

.menu ul li {float:left; border-left:1px solid #eee; width:106px;}

.menu ul li a, .menu ul li a:visited {display:block; width:101px; text-decoration:none; padding:0 0 0 5px; height:30px; line-height:30px; color:#000; background:#c9c9a7 url(../../graphics/drop.gif) bottom right no-repeat;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }


.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:#b3ab79;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:749px;background:#b3ab79; color:#fff;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#bd8d5e url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#b3ab79; color:#fff;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#dfc184;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}
*/

/* USED BY report.php */
table {
    font: 12px/1.5 Verdana,Helvetica,sans-serif;
}
table td {
    padding: 0 6px;
    text-align: left;
    vertical-align: top;
}
table tr.thead th, table tr.thead td {
    background:url("../../images/bg-buttons.gif") repeat-x scroll 0 0 transparent;
    border:1px solid #DDDDDD;
    color:#256777;
}
table th {
    padding:0 6px;
}
table.bdr, bdr {
    border-collapse:collapse !important;
}
.tdnormal {
    padding:1px;
    white-space:nowrap;
}
table tr.dbrowOdd {
    background:none repeat scroll 0 0 #FCFDFD;
}
table tr.dbrowEven {
    background:none repeat scroll 0 0 #F8FAFB;
}


/*
* Used by administration page navigation menu
* This section has been moved to a separate file
* and impoorted. See the top of this page.
*/

/* Items displayed on client scroller */

#displayItems {
color: #25CB39; /*text color*/
-moz-border-radius:11px 11px 11px 11px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #DFDFDF;
font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
margin:2em auto 0;
width:250px;
/*position: relative;*/
/*margin-left: 8px;margin-right: 8px;*/
padding: 5px 5px 5px 5px;
font-weight: normal;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 5px;
background: #fff;
border: 1px solid #e5e5e5;
-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
box-shadow: rgba(200,200,200,1) 0 4px 18px;

/*background:#EAF4F5;*/
/*padding:5px 5px 0;*/

font-size:12px;
    position: absolute;
    float: left;
    /*top: 130px;*/
    top: 50%;
    margin-left: 50px;
}

#displayItems a { text-decoration:none; }
#displayItems img { border: 2px solid #FFFFFF; }

#displayItems .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.displayItems-jcarousellite { width:270px; }
.displayItems-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
/*.displayItems-jcarousellite .thumbnail { float:left; width:110px; }*/
.displayItems-jcarousellite .info { text-align: center; width: 260px; } /*{ float:right; width:190px; }*/
.displayItems-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }