/* 
Name          : app.css
Description   : Common css styles for all applications
Date Created  : 01/10/2008
Date Modified : 08/02/2012 
*/

/***********/
/* GENERAL */
/***********/

html {}
body {background-color:#BBBBBB;}
body, body * {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#660000;}

hr {line-height:0px; border:1px dashed #444;}

h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}

a img{border:0}  /* ?? in order all links with images not to have borders in Firefox ?? */
a {color:#003366; text-decoration:none;}
a span {color:#003366; text-decoration:none;}
a:visited {}
a:hover {color:#FF6600; text-decoration:underline;}
a:active {}

th {font-weight:bold;}

.error {color:#FF0000;}
.error * {color:#FF0000;}
.row_num {font-weight:bold}

.field_header {font-weight:bold}
.group_header {font-weight:bold}

tr.grid_row {height:15px}
tr.grid_row_even {}
tr.grid_row_odd {background-color:Gainsboro;}
tr.tr_field_header td.td_field_header {background-color:#999999; text-align:center; font-weight:bold;}

/***************/
/* APPLICATION */
/***************/
#box_app {margin:0 auto; width:1000px; position:relative;}
.boxheader {height:20px; font-size:11px;}

/* LOGO */
#boxAppLogo .boxcontent {margin:0;}
/* DEV */
#logo_app {line-height:70px; padding:30px 30px; font-style:italic; font-size:22px; font-weight:bold; color:#003366;}
/* LIVE 
#logo_app {line-height:70px; padding:30px 30px; font-style:italic; font-size:22px; font-weight:bold; color:#003366; background:url(image/logo_notonly.png) no-repeat top center;}
*/

/* FOOTER */
#app_footer {display:block; padding:10px 50px}
#li_app_text_usageterms span {display:block; color:#333333; font-size:9px; background-color:#DFE6F9; filter:alpha(opacity=50); -webkit-opacity:0.5; opacity: 0.5}
#li_app_text_copyright span {color:#990000; font-weight:normal; font-size:9px; background-color:#DFE6F9; filter:alpha(opacity=50); -webkit-opacity:0.5; opacity: 0.5}

/* ERROR */

/* INFO */
#info {display:block; overflow:auto; height:100px; border:1px solid #666666; background-color:#EEFFEE}
#info * {color:#119966;}

/********/
/* USER */
/********/
#user_current {float:left; color:#999999; font-size:9px; padding:0px 3px 0px 17px; cursor:default; background:url(image/user.gif) no-repeat center left;}
#user_login_button {padding:10px 5px;}
#user_logout_button {padding:10px 5px;}

#user_password_reset {text-decoration:none; background-color:#CCCCCC; padding:3px;}

/***************/
/* DATE & TIME */
/***************/
/*#date_current img {margin:0px 0px}*/ 

/*********/
/* MENUS */
/*********/

/* horizontal menus */
.menu_h {z-index:100;}
.menu_h ul {display:inline; list-style:none; margin:0; padding:0;} 
.menu_h li {display:inline;}
.menu_h a span:hover {color:#FF6600;}

/* vertical menus */
.menu_v ul {list-style-type:none; margin:0; padding:0;}
.menu_v ul {margin-bottom:0px;} /*bottom spacing between each UL and rest of content*/

.menu_v ul li {padding-bottom:2px;} /*bottom spacing between menu items*/

.menu_v ul li a {display:block; text-decoration:none;}
.menu_v ul li a {background:url(image/bullet-arrow-gray.gif) no-repeat center left;}
.menu_v ul li a {padding:2px 0; padding-left:19px;}
.menu_v ul li a {border-bottom:1px solid #dadada;}

.menu_v .group_header {color:#FFFFFF; font-weight:bold;}
.menu_v .group_header {background:black url(image/titlebar.png) repeat-x center left;}
.menu_v .group_header {margin-bottom:2px;} /*bottom spacing between header and rest of content*/
.menu_v .group_header {padding:4px 0 4px 10px;} /*header text is indented 10px*/

.menu_v ul li a:link {text-decoration:none;}
.menu_v ul li a:hover {background-color:#F3F3F3; color:#A70303;}
.menu_v a.group_header:hover {color:#FFFFFF; text-decoration:none;}

/* app menu bottom */
#app_menu_bottom {z-index:100; text-align:center; margin:5px;}
#app_menu_bottom ul {display:inline; list-style:none; margin:0; padding:0;} 
#app_menu_bottom li {display:inline;}
#app_menu_bottom li a {text-decoration:none; border-left:1px solid #444; padding-left:3px;}
#app_menu_bottom .item_first a {border:0px;}

/**************/
/* NAVIGATION */
/**************/

.nav_items {color:#003366; padding:10px;}
.nav_items * {font-size:9px;}
.nav_items a {text-align:center; background:#FFFFFF; border:1px solid #BBBBBB; padding:3px; margin:2px;}
.nav_items .nav_page_current {text-align:center; background:#FFFFFF; border:1px solid #BBBBBB; padding:3px; margin:2px;}
.nav_items .nav_page_current {font-weight:bold; background:#EEEEEE;}
.nav_items a:hover {text-decoration:none; background:#DDDDDD; color:#003366; border-color:#555555;}

/*
.nav_items .nav_page_prev {border:0; background:url(image/cmdNavPrev.gif) no-repeat center center;}
.nav_items .nav_page_next {border:0; background:url(image/cmdNavNext.gif) no-repeat center center;}
.nav_items .nav_page_prev:hover {background:url(image/cmdNavPrev.gif) no-repeat center center;}
.nav_items .nav_page_next:hover {background:url(image/cmdNavNext.gif) no-repeat center center;}
*/
.nav_items .nav_page_prev {border:0; padding:8px; background:url(image/nav_prev_sq.gif) no-repeat center center;}
.nav_items .nav_page_next {border:0; padding:8px; background:url(image/nav_next_sq.gif) no-repeat center center;}
.nav_items .nav_page_prev:hover {background:url(image/nav_prev_sq_hover.gif) no-repeat center center;}
.nav_items .nav_page_next:hover {background:url(image/nav_next_sq_hover.gif) no-repeat center center;}

/*
.nav_item_prev {padding:10px 10px; line-height:10px; background:url(image/cmdNavPrev.gif) no-repeat center center;}
.nav_item_next {padding:10px 10px; line-height:10px; background:url(image/cmdNavNext.gif) no-repeat center center;}
*/
.nav_item_prev {padding:10px 10px; line-height:10px; background:url(image/nav_prev_sq.gif) no-repeat center center;}
.nav_item_next {padding:10px 10px; line-height:10px; background:url(image/nav_next_sq.gif) no-repeat center center;}

a.nav_item_prev:hover {text-decoration:none;}
a.nav_item_next:hover {text-decoration:none;}

/*********/
/* ADMIN */
/*********/
#db_select_sql_results {width:500px}

/********/
/* TEXT */
/********/
/*.text {border:1px solid #444;} not valid because it appears on view mode also !!!! */

/*********/
/* ITEMS */
/*********/
.doc_class {text-align:justify}

.item_search {padding:5px}
/*.item_search ul {display:inline; list-style:none; margin:0; padding:0;} */

.item {border:1px solid #444;}

#td_item_label_id {background-color:#DDDDDD}
#td_item_lastupdate {background-color:#DDDDDD}
#td_item_link_admin_parent {background-color:#DDDDDD}
#td_item_link_admin_class {background-color:#DDDDDD}
#td_item_link_admin_table {background-color:#DDDDDD}
#td_field_blank {background-color:#DDDDDD}

.item_field_name {text-align:center;}
.item_field_name_text_short {text-align:center; font-size:10px}
.item_label_id {font-weight:bold; color:#666666;}
.item_label_name {font-weight:bold; color:#AAAABB}
.item_lastupdate {color:#808080;}
.item_link_table {padding:10px}

.item_nav {font-weight:bold}

.item_next_link_button_class {float:right;}

/*******************/
/* IMAGES & PHOTOS */
/*******************/

.image_photo_brief img {border:1px solid #444}
.photo_brief {text-align:center;}

.photo_brief_parent {text-align:center}
.photo_brief_parent .item_link_name {font-size:10px}

.photo_brief_article {text-align:center;}

.image_photo img {border:1px solid #444}

.photo_nav {font-weight:bold}

/************/
/* ARTICLES */
/************/
.article_class .item_field_name {font-weight:bold; font-size:14px; color:#003366;}
.article_class .item_field_calendar {font-weight:bold;}
.article_class .image_article .field_type_image {float:left; margin:0px 10px} /* wrap text arround image */
.article_class .doc_class {text-align:justify; padding:5px;} /* text */

.article_brief_home_class .item_field_calendar {color:#666666;}
.article_brief_home_class .item_link_name {font-weight:bold;}
.article_brief_home_class .image_article_brief img {border:1px solid #444; width:120px; height:90px; margin-right:5px;}
.article_brief_home_class a.image_article_brief:hover {text-decoration:none;}
.article_brief_home_class a:hover span {color:#FF6600;}

.article_class_brief .item_field_calendar {color:#666666;}
.article_class_brief .item_link_name {font-weight:bold;}
.article_class_brief .image_article_brief img {border:1px solid #444; width:120px; height:90px; margin-right:5px;}
.article_class_brief a.image_article_brief:hover {text-decoration:none;}
.article_class_brief a:hover span {color:#FF6600;}

.article_nav span {float:left; cursor:pointer; color:#FFFFFF; padding:9px 0 10px 11px; background:url(../common/image/button_left_cyan.png) no-repeat;}
.article_nav em {float:left; overflow:hidden; text-indent:-9999px; cursor:pointer; background:url(../common/image/button_right_cyan.png) no-repeat; width:13px; height:36px;}
.article_nav a:hover span {background:url(../common/image/button_left_hover.png) no-repeat;}
.article_nav a:hover em {background:url(../common/image/button_right_hover.png) no-repeat;}
.aqrticle_nav a {font-weight:bold}
.article_nav a:hover {text-decoration:none}

.article_next_link_class {float:right;}

/* TO BE REVIEWED */

.header {font-weight: bold; font-size:16px; letter-spacing:0.1em; text-align:center; vertical-align:middle;}
.border {border:1px solid #DDDDDD; padding:3px; margin:5px;}

/* specific grids */
#sessions_online .data, #sessions_today .data , #hits_today .data {border:1px solid #DDDDDD;}
#sessions_online .data td, #sessions_today .data td, #hits_today .data td {padding:2px;}
#users_online .header, #sessions_online .header, #sessions_today .header, #hits_today .header {background-color:#444; padding:2px;}
#users_online .header .title, #sessions_online .header .title, #sessions_today .header .title, #hits_today .header .title {color:#FFFFFF;}
#sessions_online .data .field, #sessions_today .data .field, #hits_today .data .field {border:0; padding:0}

/* items */
.item_container {border:1px solid #DDDDDD; padding:3px; margin:5px;}

/* top */
/*
#date_current {float:left; color:#999999; font-size:9px; padding:0px 3px 0px 17px; cursor:default; background:url(image/calendar.gif) no-repeat center left;}
#time_current {float:left; color:#999999; font-size:9px; padding:0px 3px 0px 17px; cursor:default; background:url(image/clock.gif) no-repeat center left;}
#time_elapsed {float:left; color:#999999; font-size:9px; padding:0px 3px 0px 17px; cursor:default; background:url(image/hourglass.gif) no-repeat center left;}
*/

/* search */
#search {float:right;}
#search form {display:inline;}
#search a.search_ok {padding:5px 10px 5px 10px; background:url(image/search.gif) no-repeat center left;}
#search a.search_ok:hover {text-decoration:none;}
#Params {width:150px; font-size:10px;}

#usage_terms {margin:0 auto; width:700px; position:relative; color:#666666; text-align:left; font-size:9px; padding:2px}
#copyright {margin:0 auto; width:700px; position:relative; color:#660000; text-align:center; font-size:9px; padding:2px}

/* various */
#err {color:#FF0000;}
#err_fatal {color:#FF0000; font-weight:bold;}
#warning {color:#FFFF00;}
#status {color:#00FF00;}
#info {color:#FF00FF;}
#timer {color:#FF00FF;}
#page_under_construction {height:50px; text-align:center; font-size:12px; padding:0px 0px 0px 60px; background:url(image/page_under_construction.gif) no-repeat center left;}
#page_success {height:50px; text-align:center; font-size:12px; padding:0px 0px 0px 60px; background:url(image/success.gif) no-repeat center left;}
#page_failure {height:50px; text-align:center; font-size:12px; padding:0px 0px 0px 60px; background:url(image/failure.gif) no-repeat center left;}

/* google map */

/* this should be declared in code because div container is created inside mapgoogle.php
#mapgoogle {width:100%; height:400px; border:1px solid #444;} */

.mapgoogle_label {background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#FF0000}.
#map_legend {padding:10px; border:1px solid #444;}