/* MAIN CSS FILE */

body {
	font-size: 10pt;
	font-family: Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,Verdana,sans-serif;
}

h1,h2,h3,h4,h5,h6,p
{margin:2px;padding:2px;}

img {
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

form {
	margin: 2px;
	padding: 1px;
}

legend {
	padding: 2px 8px 2px 8px;
	background: #ECF5FF;
}

.pageTitle {
	font-weight: bold;
	font-size: 11pt;
	color: black;
}

.systemMenu {
	font-weight: normal;
	text-align:right;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}

.systemMenuInactive {
	font-weight: bold;
	color: #aaaaaa;
	background-color: #000000;
	font-size: 12pt;
}

.mainMenu {
	color: #444444;
	font-size: 12pt;
}

.tableHeader {
	font-weight: bold;
	color: #000000;
	background-color: #A6CCF7;
}

.sectionHeader {
	border-bottom: 1px solid Silver;
	font-weight: bold;
}

img.icon {
	vertical-align: bottom;
	margin-right: 4px;
}

img.icon-middle {
	vertical-align: middle;
}

div#banner
{
	color: #FFFFCC;
	font-weight: bold;
	font-size:18px;	
	min-width: 1000px;
	padding: 0 0 0 10px;
}

div#title {
	padding-bottom: 1px;
}

div#banner p.powered-by
{
	margin: 0;
	font-weight: normal;
	font-size:11px;
}

div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
  
div#container{
	min-width: 800px;
	margin: 0px 0px 0px 0px;
	background: #FFF;
}
  
div#container_popup{
	margin: 0px 0px 0px 0px;
	background: #FFF;
}

div#content p{line-height:1.4}
div#content2 p{line-height:1.4}

div#content h5{font-size: 12px; font-weight: bold;}
div#content2 h5{font-size: 12px; font-weight: bold;}

div#left_sidebar{
	float:left;
	width:150px;
}

div#navigation{	
	background-image: url('images/bg_image2.gif');
	background-repeat: repeat-x;
	font-size: 12pt; 
	font-weight: bold;
}

div#extra{
	width: 130px;
	margin-left: 5px;
	margin-right: 5px;
}


div#footer{
	height: 50px;
	color: #FFFFFF;
	clear:both;
	width:100%
}

div#footer a, div#footer a:visited{
	color: #FFFFFF;
}

p.copyright {
	padding: 5px 0 5px 10px;
}

div#content{margin-left:205px;}
div#content2{margin-left:15px;}

div#debug{
	clear:both;
	font-size: 11px;
	padding: 5px; 
	background: #FFFFCC; 
	border: 2px solid purple;
}
 
div#left_menu {
	height: 150px;
}

div.section_header {
	background-color: #CCE6FF;
	padding: 4px 0px 4px 2px; margin: 6px 0px 6px 0px; border: none;
}

/* selection widget in Track Time pages */

div.option_panel {
	display: block; /* Only important part */
	border:1px solid #86B9D6; 
	padding: 5px;
	background-color: #F5FBFF;
	font-size: 12px;
	letter-spacing:0.01em;
	line-height: 115%;
}

div.toolbar-image-link {
	float: left;
	margin-right: 20px;
}

img.toolbar-image {
	vertical-align: bottom;
	margin-right: 8px;
}

div.toolbar-image-link a {
	height: 20px;
	padding: 3px 3px 2px 2px;
}

div.toolbar-image-link a:hover {
	text-decoration:none;
}

/*
* Utility styles
*/

/* For title bar */
div.section_title {
	background-color: #EEEEEE;
	font-size: 12px;
	font-weight: bold;
	font-size: 100%;
	width: 90%;
	margin: 3px 0 3px 0;
	padding: 4px 0 4px 0;
}
 
/*
* The style for the menu
*/

#menu-container{
	padding: 0px 5px 0px 15px;
	margin: 0;
}

#menu-container2{
	padding: 0px 5px 0px 15px;
	margin: 0;
}

ul#simple-menu{
	list-style-type:none;width:100%;position:relative;height:27px;
	font-size:12px;font-weight:bold;margin:0;padding:0 0 0 0;}

ul#simple-menu li{display:block;float:left;margin:0 0 0 4px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff;background:#4A6867;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#2E4560;}
ul#simple-menu li a.current{color:#2E4560;background:#fff;}
ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}

/*
* The left navigation menu
*/


.leftmenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 120px;
margin-left: 10px;
}

* html .leftmenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 150px;
}

.leftmenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.leftmenu a{
font-weight: normal;
font-size: 11px;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
height: 12px;
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.leftmenu a:visited{
color: #595959;
}

html>body .leftmenu a{ /*Non IE rule*/
width: auto;
}

.leftmenu a:hover{
background-color: #F8FBBD;
color: black;
}

.leftmenu ul li.current_selection {
  border-left: 5px solid green;
}

.leftmenu ul li {
  border-left: 5px solid gray;
}


/*
* space block
*/

.spacer_1px {clear:both; height:1px; overflow:hidden;}
.spacer_5px {clear:both; height:5px; overflow:hidden;}
.spacer_10px {clear:both; height:10px; overflow:hidden;}
.spacer_20px {clear:both; height:20px; overflow:hidden;}

/*
* Style for list (no bullet no indent)
*/

ul.NoBulletNoIndent {
  list-style-type: none;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-left: 0px  
}

ul.NoBulletNoIndent li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

li.square_bullet { list-style-type: square; }

/*
* The style for highslide widget
*/

.highslide-html-content {
    font-size: 10pt;
}
.highslide-html {
    background-color: white;
    border: 2px solid gray;
}
.highslide-html-content {
	position: absolute;
    display: none;
    padding: 10px;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    /*padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;*/   
}
.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* 
* Tooltip for links
*/

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
}

/*
 * The image link
 */

/*
a.imagelink {
	text-decoration:none;
	font-weight: normal;
}

a.imagelink span {
	background-color:transparent;
	background-position:left center;
	background-repeat:no-repeat;
	padding:1px 0px 1px 18px;
	font-size: 12px;
}
*/

/* 
 * active link 
 */

a.active:hover {
	text-decoration: none;
	background-color:#0033CC;	
	color:#FFFFFF;
}

a.small {
	font-size: 11px;
}

a.medium {
	font-size: 12px;
}

a.large {
	font-size: 14px;
}

a.large:hover {
	background-color:#0033CC;
	color:#FFFFFF;
}

a.medium:hover {
	background-color:#0033CC;
	color:#FFFFFF;
}

a.small:hover {
	background-color:#0033CC;
	color:#FFFFFF;
}

div.action {
	border-top:1px solid #000000;
	font-size:12px;
	margin-top: 10px;
	margin-bottom:10px;
	padding-top:8px;
	text-align:left;
}

/* 
 * colored labels
 */

span.small_label {
	color:#FFFFFF;
	display:block;
	padding:0px 3px;
	white-space:nowrap;
	width:60px;
	height: 12px;
	font-size: 9px;
	text-align: center;
}

span.online {
	margin-top: 4px;
	background-color:#3CB700;
}

span.offline {
	margin-top: 4px;
	background-color:#7C7C7C;
}

span.recently_online {
	margin-top: 4px;
	background-color:#BDB76B;
}

/* Avatar */

.avatar {
	float: left; 
	background-color:#FFFFFF; 
	border:1px solid #DAC9A2; 
	padding:2px; 
	margin-right: 4px;
}

/* General Text */

.xxlarge {
	font-size: 18px;
}

.xlarge {
	font-size: 16px;
}

.large {
	font-size: 13px;
}

.medium {
	font-size: 12px;
}

.small {
	font-size: 11px;
}

.xsmall {
	font-size: 10px;
}

.xxsmall {
	font-size: 9px;
}

.xxxsmall {
	font-size: 8px;
}

.xsmall, .xxsmall, .xxxsmall, .small, .medium, .large {
	line-height: 1.25em;
}

.bold {
	font-weight: bold;
}


/* Tags and Timeslots */

.tag {
	float: left; 
	font-size: 3px; 
	width: 10px; 
	height: 10px; 
	margin: 3px 0px 0px 3px; 
	border: 1px solid #000000
}

.timeslot_highlight {
	background: #66FFFF;
}

.timeslot_selected {
	border: 1px solid #000099;
	background: #FF0000;
}

.icon_stats {
	background: #4A91D8;
	margin-left: 3px;
	float:right;
	width: 55px;
	height: 55px;
}

.icon_date {
	background:transparent url(images/date-bg.gif) no-repeat scroll 0 0;
	float:left;
	height:49px;
	width:45px;
}

.icon_date .month, .icon_stats .unit {
	color:#FFFFFF;
	display:block;
	font-size:11px;
	line-height:11px;
	margin-left:-3px;
	padding-top:2px;
	text-align:center;
	text-transform:uppercase;
}


.icon_date .day, .icon_stats .number {
	color:#FFFFFF;
	display:block;
	font-size:18px;
	font-weight: bold;
	line-height:18px;
	margin-left:-3px;
	padding-top:7px;
	text-align:center;
	text-transform:uppercase;
}

.icon_date .month {
	color:#FFFFFF;
}

.icon_date .day {
	color:#999999;
}


/**********************/
/* Tick like look & feel */
/**********************/

#block-list {
background:#ECF5FF none repeat scroll 0 0;
border:1px solid #7DB0E3;
padding:10px;
}


div.block-item-container {
background-color:#FFFFFF;
padding:1px 2px;
}

div.block-item-container div.block-header {
margin: 2px 0 2px 0;
padding: 4px 0 4px 2px;
background:#E8EFF4 none repeat scroll 0 0;
border: 1px solid #72A7CF;
font-weight: bold;
}

div.block-item-container .collapsed {
background:transparent url(/images/icon_plus.gif) no-repeat scroll 0 50%;
}

div.block-item-container .expanded {
background:transparent url(/images/icon_minus.gif) no-repeat scroll 0 50%;
}

div.block-item-container .block-item {
margin-bottom:10px;
padding:10px;
}

div.block-item-container .active-block {
background:#DEFCDC none repeat scroll 0 0;
border:1px solid #16CD02;
}

div.block-item-container .inactive-block {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
}

div.block-item-container .neutral-block {
background:#F5FBFF none repeat scroll 0 0;
border:1px solid #86B9D6;
}

div.block-item-container div.block-item div.section {
background:#FFFFFF none repeat scroll 0 0;
padding:10px;
}

div.block-item-container div.block-item div.active-block {
border: none;
border-top:1px solid #16CD02;
}

div.block-item-container div.block-item div.inactive-block {
border: none;
border-top:1px solid #CCCCCC;
}


.sidebar .help-box {
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #A7A7A7;
padding:10px;
}


.sidebar .help-box dl {
background:#FFFFFF none repeat scroll 0 0;
font-size:12px;
margin:0;
padding:0 0 10px;
position:relative;
}

.sidebar .help-box dl {
font-size:12px;
}

.sidebar .help-box dl dt {
font-weight:bold;
line-height:150%;
padding:10px 15px 0;
}

.sidebar .help-box dl dd {
line-height:150%;
margin:0;
padding:0 15px;
}


div.time_summary span.time {
background:#EFFEEE none repeat scroll 0 0;
float:right;
font-size:11px;
margin-right:0;
padding:3px 10px;
position:relative;
text-align:right;
z-index:5;
}

/* The time summary */
div.time_summary span.time span.hours {
background:transparent url(images/icon_unit_hr.gif) no-repeat scroll 100% 50%;
font-family:Arial,Helvetica,sans-serif;
font-size:38px;
font-weight:bold;
padding-right:8px;
}

div.time_summary span.time span.minutes {
background:transparent url(images/icon_unit_min.gif) no-repeat scroll 100% 50%;
font-family:Arial,Helvetica,sans-serif;
font-size:38px;
font-weight:bold;
padding:0 8px 0 5px;
}


/* Form styles */

.wm-form {
font-size: 12px;
}

.wm-form fieldset {
background:transparent url(images/bg_fieldset.gif) repeat-y scroll 0 0;
border:medium none;
margin:5px 0 5px 0;
padding: 0 015px 0;
position:inherit;
}

.wm-form fieldset p {
margin-top: 2px;
margin-bottom: 3px;
}

.wm-form p.title {
font-size: 12px;
font-weight: bold;
margin: 2px;
}

.wm-form p.subtitle {
font-size: 12px;
font-weight: normal;
margin: 2px;
}

.wm-form fieldset p span {
background:#E9E9E9 none repeat scroll 0 0;
display:block;
padding:4px;
margin: 4px;
}

.wm-form fieldset p span select, .wm-form fieldset p span input, .wm-form fieldset p span textarea, .wm-form fieldset p span select.error, .wm-form fieldset p span textarea.error, .wm-form fieldset p span input.error{
border:1px solid #A7A7A7;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
padding:4px;
margin: 0;
background: #FFFFFF;
}

.wm-form fieldset p span input[type="checkbox"] {
width: 15%;
}

.wm-form fieldset p span select.error, .wm-form fieldset p span textarea.error, .wm-form fieldset p span input.error {
border:1px solid #F5DC63;
background: #FFFFFF;   /* avoid being affected by global .error definition */
}

.wm-form .field-with-errors {
background:#F5DC63 none repeat scroll 0 0;
}

.wm-form fieldset span textarea {
border:1px solid #7EB0E3;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
height:48px;
overflow:auto;
padding:3px 5px;
width: 100%
}


.wm-form fieldset p label {
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

.norm-form select.error, .norm-form textarea.error, .norm-form input.error{
border:1px solid;
border-color: #A7A7A7;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
padding:4px;
margin: 0;
background: #FFFFFF;
}

.wm-form label.error, .norm-form label.error {
margin: 0 0 4px 0;
border: none;
background:url("images/unchecked.gif") no-repeat 0px 0px;
padding: 0 016px 0;
color: #FF0000;
}

/******* Tool Bar (http://blog.itookia.com/post/How-to-create-VISTA-style-toolbar-with-CSS.aspx) ********/
.toolbar {
float:left;
font-size: 12px;
margin:0;
padding:0;
}

.toolbar ul {
background-color: transparent;
background-repeat:repeat-x;
float:left;
line-height:28px;
list-style:none;
margin:0;
padding:0 10px 0 10px;
}

.toolbar li {
display:inline;
padding:0;
}

.toolbar a {
float:left;
padding:0 0 0 0; /* left 3 px because of left.png image */ 
text-decoration:none;
}

.toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

.toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

.toolbar a:hover{
background: #006600;
color: #FFFFFF;
}

.toolbar a:hover span {
background: #006600;
color: #FFFFFF;
}

.toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

/**************************/
/* Image Buttons and Links */
/**************************/

a.imagebutton, a.imagelink, a.imagelink_nohover {
background: #ECF5FF;
border: 1px solid #006600;
display:block; 
color:#555555;
font-size: 12px;
font-weight: bold;
height:30px;
line-height:29px;
margin: 0 5px 14px 0;
padding: 0 8px 0 0;
text-decoration:none;
float: left;
}

a.imagebutton span, a.imagelink span, a.imagelink_nohover span {
	background-color:transparent;
	background-repeat:no-repeat;
	padding:1px 0px 1px 1px;
}

a.imagelink, a.imagelink_nohover {
color:#000000;
font-weight: normal;
background: transparent;
border: none;
}

a.small {
font-size: 10px;
height: 20px;
line-height: 19px;
}

a:hover.imagebutton, a:hover.imagelink{
background: #006600;
color: #FFFFFF;
}

/* variations of image buttons & links */

span.generic {
text-indent: 10px;
display:block;
}
span.add{
background:url(images/add.png) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
span.delete{
background:url(img/delete.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
span.user{
background:url(img/user.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
span.alert{
background:url(img/alert.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
span.msg{
background:url(img/msg.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
span.download{
background:url(img/download.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}

span.lens{
background:url(img/lens.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
span.info{
background:url(img/info.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}

span.client-download {
background:url(images/download-icon.png) no-repeat 0px -2px;
color: #FFFFFF;
font-size: 11px;
text-indent:20px;
margin-left: 10px;
display:block;
}

span.client-download a {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}

/* Inline buttons (http://www.wellstyled.com/css-inline-buttons.html) */

.inline-button {
   _width:12em;
   font: 65%/1 Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border: 1px solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: #666;
   color: white;
   }
.inline-button:hover em {
   background: black;
   color: white;
   }

.orange { background: orange; color: black }
.orange em { background: white; color: #c60 }

.blue { background: #06c; color: white }
.blue em { background: white; color: #06c }

.green { background: green; color: white }
.green em { background: white; color: green }


/* Table styles */

table.panel { margin: 2px; border-collapse: collapse; width: 100%; font-size: 12px;}
table.panel td, table.panel th { border: 1px solid #eee; padding: 2px; text-align: left; }
table.panel th {
	background-color: #89AAD6;
	color: #FFFFFF;
	padding-top: 4px; 
	padding-bottom: 4px;
}


/* Wizard Styles */

.wizard_active, .wizard_inactive {
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	border-left: 1px solid #FFFFFF;
}

.wizard_active {
	background-color: #C36615;
	font-weight: bold;
}

.wizard_inactive {
	background-color: #FFFFFF;
	color: #CCCCCC;
	font-weight: normal;
	border: 1px solid #DDDDDD;
}

/*************************/
/* Project Summary Page */
/*************************/

div.user-summary {
border: 1px solid #FFF8DC;
margin-bottom: 20px;
}

div.user-summary div.work-stats {
letter-spacing: normal;
line-height: 1.1em;
margin: 5px 0 5px 0;
}

div.user-summary div.activity-meter {
background: transparent;
}

span.role {
background: #0000FF;
color: #FFFFFF;
padding: 2px;
margin: 2px 0 2px 0;
font-weight: bold
}

span.Admin {
background: #FF0000;
}

span.Manager {
background: #800000;
}

span.Owner {
background: #1DA01D;
}

span.Member {
background: #808000;
}

span.Observer {
background: #800080;
}

span.Project {
background: #C0C0C0;
}

.user_pane, .user_pane_ext, .screen_pane{
border: none;
}

.user_pane_ext {
width: 780px;
border: none;
}

.screen_pane {
width: 136px;
}

.img_portrait 
{
float:left;
margin:5px;
}

.text_line
{
clear:both;
margin-bottom:2px;
}

.user_info, .user_stats{
float:left;
vertical-align: top;
margin-top: 0px;
}

.user_stats {
margin-left: 20px;
margin-top: 0px;
max-width: 400px;
}

p.compact {
margin: 0;
padding: 0;
}

.screen_control_sidebar {
float: left;
width: 16px;
margin-top: 5px;
}


/* Extract from screen2.css */

.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin {font-weight: lighter;}
.error_box, .notice_box, .success_box {padding:.6em;margin-bottom:0.6em;border:1px solid #ddd;}
.error_box {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice_box {background:#FFFFCC;color:#514721;border-color:#999966;}
.success_box {background:#F2F9E3;color:#006600;border-color:#99CC99;}
.error_box a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice_box a {color:#514721; background:none; padding:0; margin:0; }
.success_box a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}

.info2 {background:#E9E9E9;color:#000000;border:none;}
.info2-header {background:#C1C1C1;margin:0px;padding:6px}
.info2-content {background:#E9E9E9;margin:6px;padding:6px}
.info2-inner {margin-left: 30px;}

.hint {
background:url(images/bubble-icon.png) no-repeat 0px 2px;
min-height: 30px;
}

.info1 {background:#FFFFCC;color:#000000;border:none;}
.info1-header {background:#FFFF74;margin:0px;padding:6px}
.info1-content {background:#FFFFCC;margin:6px;padding:6px}


/* style for flow guides */

p.greeting {
	font-size: 16px;
	font-weight: bold;
	font-family: "Lucida Grande",arial,sans-serif;
}

p.light-text {
	font-size: 12px;
	color: #666666;
}

.big_action_link {
	background-color: #FFFFCC;
	border-top: 1px solid #858585;
	border-bottom: 1px solid #858585;
	height: 60px;
	text-align: center;
}

.big_action_link p.link {
	font-size: 18px;
	font-weight: bold;
}

.big_action_link p.subtext {
	font-size: 13px;
	font-weight: normal;
}

.big_image_link {
	float:left;
	vertical-align: top;
	margin-top: 0px;
}

.big_image_link p.link {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 8px;
}

.big_image_link p.subtext {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #858585;
	margin-left: 8px;
}

.big_image_link a.guide:visited {	
	color: #0000EE;
}

.big_image_link a.guide:hover {	
	background-color: #0000EE;
	color: #FFFFFF;
}

.help_box {
	border: 1px solid #E5E5E5;
	background-color: #F4F4F4;
	padding: 6px 0px 4px 5px;
	width: 30%;
}

.help_box a {
	color: #666666;
	text-decoration: none;
}

.help_box a:hover {
	color: #333333;
	text-decoration: none;
}

.time_stats_box {
	border: 1px solid #E5E5E5;
	background-color: #F4F4F4;
	padding: 6px 0px 4px 5px;
	width: 100%;
}

.time_stats_box a {
	color: #0000FF;
}

.time_stats_box a:hover {
	color: #FFFFFF;
}

/* floating image at the bottom of the page */

#float_image { 
	float: right;
	bottom: 60px;
	position: fixed;
	right: 0;
	z-index: 1000
}

/* style for public password */

div.tag_item {
	background-color: #FEF6C1;
	border-right: 1px solid White;
	padding: 3px 3px 3px 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	float: left;
}