/* Standard elements */

body, input,textarea,select, table { font-family: Tahoma, "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; font-size: 10pt; color: #222;}

body {
	background-color: #fff;
	height: 100%; 
	margin: 0; 
	padding: 0;

	background-image:URL(../images/site/palm.jpg);

    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center bottom;

	overflow-y: scroll;
}

p {
	font-size: 14px;
}

a {
    color: #029976;
    text-decoration: none;
	white-space: nowrap;
}

a:hover {
/*	color: #02614B;*/
	color: #F5941F;
}

a img {
    border: 0;
}

a span {
	text-decoration: underline;
	margin-right: 5px;	
}

img.icon {
	margin: -4px 4px 0 0;
	vertical-align: middle;
}

img.spinner {
	position: relative;
	top: 50%;
	left: 50%;
}
div.spinner {
	display:none;
}

div.icon {
	width: 35px;
	height: 26px;
	float: left;
	display: table-cell;
	margin: -0px 4px 0 0;
}

span.validator {
	color:red;
}

h2 {
    margin-top: 10px;
    font-weight: bold;
    font-size: 16px;
    color: #222;
}

h3 {
    font-weight: bold;
    font-size: 16px;
    color: #222;
}

input[type=text], input[type=password]
{
	background: url("../images/site/textbox_bg.gif") repeat-x top;
	border-style: none solid solid;
	vertical-align: middle;
	border: 1px solid #68998E;
	padding: 4px;
	color: #444;
	width: 160px;
	margin: 0;
}

select.header_filter
{
	width: 100%;
}

th
{
	font-weight: normal;	
}

.inputlong
{
 	width: 300px;
}

textarea
{
	border: 1px solid #68998E;
	padding: 4px;
	color: #444;
	margin: 0;
}

input[type=button], input[type=submit]
{
	background-color: #00A99D;
	border: 1px solid silver;
	color: white;
	font-size: 12px;
	padding: 3px;
	padding-right: 6px;
	padding-left: 6px;
}

input[type=button]:hover, input[type=submit]:hover
{
	background-color: #008078;

}

input[type=button]:active, input[type=submit]:active
{
	padding-top: 4px;
	padding-left: 7px;
	padding-right: 5px;
	padding-bottom: 2px;
}

select
{
	/* background: url("../images/site/textbox_bg.gif") repeat-x top;*/
	border-style: none solid solid;
	vertical-align: middle;
	border: 1px solid #68998E;
	color: #444;
	width: 170px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 1px;
}

td.action, th.action
{
	width: 80px;
}

td.label
{
	width: 56px;
}

td.action100, th.action100
{
	width: 100px;
}

td.popup_action, th.popup_action
{
	width: 120px;
	color: gray;
}

td.preview_icon
{
	width: 50px;	
}

td.datetime
{
	width: 126px;
}

td.buttons
{
	text-align: left;
	padding: 10px;
}

td.refine_panel_labels, td.formFieldName
{
	width: 150px;
	text-align: right;
}

table.inner
{
	padding: 5px;
}

/* / Standard elements */

/* DIV Layout */

div#temp_login_box {
	color:red;
	font-size:11px;
	height:70px;
	margin-left:490px;
	margin-top:10px;
	text-align:right;	
}

div#temp_login_box a {
	text-decoration: underline;
	color: red;	
}

div#temp_login_box div {
	color: #fa7b5e;	
}



div#main
{
	height: 100%;
	text-align: center;

	/*background: url("images/top.jpg") no-repeat;
	background-position: top center;*/
}

div#content
{
	text-align: left;
	width: 966px;

	margin-left: auto;
	margin-right: auto;
}

div#content_body
{
	text-align: left;
	width: 946px; /* Relly Required */
	padding: 10px;
}

div#header
{
	text-align: left;

	width: 966px;
	height: 80px;

	padding: 11px;

	margin-left: auto;
	margin-right: auto;

	border-bottom: 1px dotted silver;
}

div#header img
{
	margin-left: 20px;
}

div#header_ads {
	height:70px;
	margin-left:490px;
	margin-top:10px;
}

div#account_info {
	text-align: right;
}

div#account_info a{
	padding: 8px;
}

div#footer
{
	text-align: left;
	width: 966px;
	border-top: 1px dotted silver;

	vertical-align: bottom;
	bottom: 0px;
	padding: 10px;

	margin-left: auto;
	margin-right: auto;
}

div#footer a
{
	color: grey;
}
div#footer a:hover
{
	color: #F5941F;
}

div#footer td
{
	padding: 10px;
}


/* DIV Layout */

/* TABS */

div#tab-container
{
      width:100%;
	margin-top:20px;
      line-height:normal;
	background:url(../images/site/main_tab/border.png) bottom repeat-x;
}

div#tab-container ul {
	position: relative;
	float:center;
	height: 32px;

	margin-left: auto;
	margin-right: auto;
}

div#tab-container li {
	margin: 0 4px 0 0;
	list-style: none;
	position: relative;
	width: auto !important;
	background: #E8F6FF;
	border: 1px solid #029976;
	border-bottom: none;
}

div#tab-container li a
{
    float: left;
    position:relative;
    padding: 0 15px;
    margin: 0;
    outline: none;
    font-size: 10pt;
    font-weight: bold;
    width: 130px;
}

div#tab-container li a:hover
{
	color: #02614B;
}

div#tab-container li:hover
{
	background: #DCF3FF;
}

div#tab-container li.selected
{
    margin-top: 0px;
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

.tab
{
  margin: 0;
  margin-top: -8px;
  font-size: 8pt;
  float: left;
  width: 126px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #f7f7f7;
}

/* --------------- TAB 2 --------------- */

div#tab-container2
{
	margin-top:20px;
      line-height:normal;
}

div#tab-container2 ul {
	position: relative;

	float:center;
	height: 32px;

/*	width:100%;*/
	background:url(../images/site/main_tab/border.png) bottom repeat-x;

	margin-left: auto;
	margin-right: auto;
}

div#tab-container2 li {
	margin: 0 4px 0 0;
	list-style: none;
	position: relative;
	width: auto !important;
	background: #E8F6FF;
	border: 1px solid #029976;
	border-bottom: none;
}

div#tab-container2 .ui-state-disabled a{
	background: #eee;
	color: #ccc;
}

div#tab-container2 li a
{
    float: left;
    position:relative;
    padding: 0 15px;
    margin: 0;
    outline: none;
    font-size: 10pt;
    font-weight: bold;
    width: 120px;
}

div#tab-container2 li a:hover
{
	color: #02614B;
}

div#tab-container2 li:hover
{
	background: #DCF3FF;
}

div#tab-container2 li.selected, .ui-tabs-selected a
{
    margin-top: 0px;
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

.tab2
{
  margin: 0;
  margin-top: -8px;
  font-size: 8pt;
  float: left;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #f7f7f7;
}

div.profile
{
	width: 946px; /* Relly Required */
}

/* /TABS */

/* table_dot */

table.table_dot
{
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    padding-bottom: 3px;
    border-collapse: collapse;
}



table.table_dot th
{
    padding: 4px;
    text-align: left;
    border-bottom: 1px dotted silver;
}

table.table_dot td
{
    padding: 0 0 0 4px;
    height: 38px;
    border-bottom: 1px dotted silver;
}

table.table_dot tr
{
	vertical-align: middle !important;
/*	border-right: 1px solid white;*/
}

table.table_dot tr:hover
{
	/*background-color: #EEEEEE;*/
}

table.table_dot td.selected
{
	font-weight: bold;
}

table.table_dot p
{
    font-size: 12px;
}

table.table_dot img
{
	padding-right: 2px;
}

.goals_page td.number{
	color:#666666;
	font-size: 10px;
}


/* /table_dot */

/* table_dot_cell */

table.table_dot_cell
{  
    width: 100%;
    border: 1; 
    margin: 0; 
    padding: 0; 
    padding-bottom: 3px; 
    border-collapse: collapse; 
}

table.table_dot_cell td
{
    padding: 0 0 0 4px; 
    height: 34px; 
    border-bottom: 1px dotted silver; 
    border-right: 1px dotted silver; 
    vertical-align: middle;
}

table.table_dot_cell .last
{
	border-right: 0px dotted silver; 
}

table.table_dot_cell td.data
{
	width: 117px;
	text-align: center;
}

/* Brad changes  3.3.2010 */
table.table_dot_cell td.no
{
	width: 117px;
	text-align: center;
	color: #FF0000;
	font-weight:bold
	
}
/* End Brad changes 3.3.2010*/

table.table_dot_cell td.text
{
	vertical-align: top;
}

table.table_dot_cell td.head
{
	font-weight: bold;
	text-align: center;
	color: #1F75CC;
}



table.table_dot_cell td.feature
{
	font-weight: bold;
	text-align: left;
	width: 220px;
}

table.table_dot tr
{
	vertical-align: middle !important;
}


/* /table_dot_cell */

table.goal_refine
{
	width: 946px;  /* Required */
    border: 0;
    margin: 0;
    padding: 0;
	vertical-align: top;
}


table.goal_refine td.left
{
	width: 492px;
	vertical-align: top;
}

table.goal_refine tr
{
	vertical-align: top;
}

table.top_border
{
	border-top: 1px solid #029976;
}

td.goal_refine_space
{
	background: #fff url(../images/site/main_tab/border.png) bottom repeat-x;
	height: 52px !important;
}

td.goal_refine_menu
{
	width: 200px;
	border: 1px solid #029976;
	border-right: 0px;
	border-top: 0px solid #000000;
	padding: 10px;
	padding-right: 3px;
	background: #E9F4FF url(../images/site/main_tab/border.png) right repeat-y;
	vertical-align: top;
}

td.goal_refine_content
{
	/*border-top: 1px solid #029976;*/
	/*padding: 10px;*/
	vertical-align: top;
}

div#goal_refine_content
{
/*	padding: 10px;*/
}

.padding10
{
	padding: 10px;
}

div#refine_image
{
	padding: 5px;
	/*border: 1px solid #029976;*/
	width: 250px;
}

div#refine_image img
{
	border: 1px dotted silver;
}

td.goal_refine_image
{
	/*border-top: 1px solid #029976;*/
	padding: 10px;
	background-color: #fff;
	width: 250px;
}

div#refine_panel
{
	border: 1px dotted silver;
	background-color: #f7f7f7;
	padding: 10px;
	margin-right: 10px;
}

.filter_pane a{
	text-decoration: underline;
}

.filter_pane select{
	border: 1px solid grey;
	font-size: 11px;
}

table.refine_panel
{
	border: 1px dotted silver;
	background-color: #f7f7f7;
	padding: 10px;
	margin-right: 10px;
}






ul.shared-folders-list, ul.users-list { margin: 0; padding: 0; }
ul.shared-folders-list li, ul.users-list li { list-style: none; margin: 0; width: 200px; margin-right: 2px;}

.shared-folders-list .selected { background-color: white !important; color: #029976; border: 1px solid #029976; border-right: 0px; width: 192px;}
.shared-folders-list a { display: block; padding: 6px; margin-right: -4px; border: 1px solid #e9f4ff; height: 30px;}

div.listicon
{
	width: 40px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
}

div.listtext
{
    padding-top: 5px;
    padding-left: 3px;
    white-space: nowrap;
    overflow: hidden;
    width: 138px;
}

div.listtext2
{
	padding-top: 5px;
}

div.listtext2
{
    padding-top: 10px;
    padding-left: 3px;
	height: 30px;
}

/* controls */
.helper {
    color: #900;
    border: 1px solid #707070;
    background-color: #f0f0f0;
    width: 250px;
    white-space: normal;
    text-align: left;
    padding: 5px;
    float: left;
}

.helper td {
    padding-left: 4px;
    white-space: normal;
    text-align: left;
}

.helperContainer {
    position: absolute;
	right:10px;

    display: none;
    width: 250px;
    padding-left: 0px;
}

.helperBody {

}

.helper ul li {
    list-style-position: inside;
    list-style-type: decimal;
    padding-left: 5px;
}

.helper ul {
    margin-left: 5px;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #c7ecfd;
	background-color: #2c8ec0;
	padding: 10px;
	color: white;
	max-width: 250px;
	filter:alpha(opacity=0.93);
	opacity: 0.93;
	-moz-opacity:0.93;
}

#tooltip h3, #tooltip div { margin: 0;
	font-size: 12px;
	font-weight: normal;
	font-family: "Verdana";
	color: white;
}

#tooltip h2 {
	font-size: 20px;
	font-weight: normal;
	font-family: "Verdana";
	margin:0px;
	margin-bottom:10px;
	margin-left:10px;
}

#tooltip img {
	display:block;
	float:left;
	margin-right:10px;
}






#overlay {
    color:#000; 
    position: absolute; 
    top: 85.5px; 
    left: 485px; 
    display: none;
	border: 1px solid #2c8ec0;
	background-color: white;
}

div#overlayHeader
{
	background-color: #2c8ec0;
	border-bottom: 1px solid #BABBBA;
	padding: 10px;
	padding-left: 20px;
	font-size: 18px;
	color: #FFF;
} 

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	width: 420px;
	padding:30px;
    height: 376px;
	overflow: auto;
}

div.close {
	background-image:url(../images/site/close1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
	height:35px;
	position:absolute;
	right:5px;
	top:5px;
	width:35px;
} 




#overlayLogin {
    color:#000; 
    position: absolute; 
    top: 85.5px; 
    left: 485px; 
    display: none;
	border: 1px solid #2c8ec0;
	background-color: white;
}

div#overlayHeaderLogin
{
	background-color: #2c8ec0;
	border-bottom: 1px solid #BABBBA;
	padding: 10px;
	padding-left: 20px;
	font-size: 18px;
	color: #FFF;
} 

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrapLogin {
	width: 320px;
	padding:30px;
    height: 285px;
	overflow: auto;
}

div.closeLogin {
	background-image:url(../images/site/close1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
	height:35px;
	position:absolute;
	right:5px;
	top:5px;
	width:35px;
}

	div.popup
	{
		position: absolute;
		display: none;
		
		left: 0px;
		top: 27px;
		
		border: 1px dotted gray;
		border-top: 0px;
		background-color: #F7F7F7;
		
		z-index: 100;
	}
	
	div.popup_container
	{
		position: relative;
	}
	
	tr.popup_handler
	{
		background-color: #F7F7F7;
		border-right: 1px dotted gray;
	}


p.flickr_warning
{
	font-size: 9px;
	font-style: italic;
	color: gray;
}