/*
  Chillr Style
  type: stylesheet
  description: layout style  
*/

/*********************************************************************************/
/*WEB LAYOUTS CSS*/
/*********************************************************************************/
/*SHARED STYLES*/
td{
	font-weight:normal;
	padding:2px 2px 2px 2px;
}
p.web{
	color:black;
	margin: 10px  0 10px 0;
}

span.web{
	margin: 0 0 0 0;
	color: black;
}

span.web_small{

	margin: 0 0 0 0;
	font-size: smaller;	
	color:black;
}

body.web{
	background-color:#8FEFFF;
	background-image: url("images/grad-bg.jpg");
	background-repeat: repeat-x; 
	padding: 0 0 0 0;  
	margin: 30px 10px;	
}

div.wrapper_top
{
	background-image: url(images/wrapper-top.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 870px;
}

div.wrapper_bottom
{
	background-image: url(images/wrapper-bottom.png);
	background-repeat:  no-repeat;
	height: 26px;
	width: 870px;	
}

div.master_web{
	background: white;
  /*font: normal 80%/140% verdana, arial, helvetica, sans-serif;*/
	color: orange;
	width: 820px;
	height:480px;
	/*padding: 10px 10px 10px 10px;*/
	padding: 0 25px;	
	margin: 0 0 0 0; 	
}

div.title_wraper_web{
	color:silver;
	width: 820px;
	height:80px;
	margin: 0px 0px 0px 0px;
	/*padding: 20px 20px 20px 20px;*/
	padding: 0 0 0 0;
	background: white;;	
}

div.main_navigation_wraper_web{
	color: orange;
	width: 800px;
	height:20px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	/*padding: 10px 10px 10px 10px;*/
	background: gray;	
}

div.main_about_wraper_web{
	width: 800px;
	height:15px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	/*padding: 10px 10px 10px 10px;*/
	/*background: gray;*/
}

div.table_wraper_web{
	/*border:1px solid gray;*/ 
	width:500px; 
	/*padding:10px 10px 10px 10px;*/ 
	margin:0 0 10px 0;
}

div.main_info_wraper_web{
	float:left;
	width: 510px;
	/*height: 300px;*/
	 height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	/*padding: 20px 20px 20px 20px;*/
	background: white;
}

input{
	margin:5px 0 0 0;
}

img.profile_web{
	/*margin:5px  5px 5px  5px;*/
	margin: 0 0 0 0;	
	padding:2px 2px 2px 2px;	
	border: 1px solid gray;
}

/*TABLE STYLES*/
table.profile_web{		
	float:right;
	width:auto; 
	/*height:72px; */
	/*height:68px;*/	
	border-collapse:collapse;
	border:1px solid gray;
	margin:0 10px;
}

td.profile_web{
	padding: 5px 5px  5px  5px;
	text-align:left;	
}

table.main_navigation_web{
	width:820px; 
	margin: 0px 0px 0px 0px;
	background: gray;
	border-collapse:collapse;	
}

td.main_navigation_web{
	padding: 10px 10px 10px 10px; 
	font-weight:bold;
}

/*MENU*/
div.menu{
	/*display: inline;*/
	height: 34px;
	width: 820px;	
}

div.menu_items_right{
	float:right;
}

div.menu_itmes_left{
	/*float: left;*/
	/*display:inline;*/
	float:left;
}
div.menu_left_end{
	background-image: url(images/menu-left.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 24px;
	float:left;
}

div.menu_right_end{
	background-image: url(images/menu-right.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 24px;
	float:left;
}

div.menu_body{
	background-image: url(images/menu-center.png);
	background-repeat: repeat-x;
	background-color: black;
	height: 34px;
	width: 772px;
	float:left;
}

div.menu_item{
	/*background-image: url(images/menu-center.png);
	background-repeat: repeat-x;*/
	background: none;
	height: 24px;
	float:left;
	padding: 5px 10px;
	/*display:inline;*/
}


div.menu_item_selected{
	background-image: url(images/menu-center-active.png);
	background-repeat: repeat-x;
	/*background: white;*/
	height: 24px;
	float:left;
	padding: 5px 10px;
	/*display:inline;*/
}

div.menu_separator{
	background-image: url(images/menu-separator.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 2px;
	float:left;
}

a.menu{
	color: white;
	font-weight: bold;
}

a.menu:hover{
	color:orange;
}
table.web{
	width: 270px;
	border: 1px solid gray;
	margin: 0px 0px 10px 0px;
}


form{
	margin:0;
}
td.web{
	padding: 2px 2px 2px 2px;
	/*white-space: nowrap;*/
}

td.chillr_title_main{
	padding: 5px 5px 5px 20px;
	font-size: 16pt;
	font-weight:bold;
	white-space: nowrap;
}

td.web_title{
	padding: 5px 5px 5px 5px;
	/*background:white;*/
	font-weight: bold;
	white-space: nowrap;
	font-size:larger;
	/*white-space: nowrap;*/
}

table.chillr{
	background-color:#0099cc; 
	border: 1px solid gray;
	width: auto;
	margin: 10px;
	line-height:1.3em;
}
table.web_list{
	/*padding:10px 10px 10px 10px;*/
	width: auto;
	border: 1px solid gray;
	margin: 0px 0px 10px 0px;	
}

td.chillr_title{
	padding: 10px 15px 15px 15px;
	text-align:center;
	/*background:white;*/
	font-weight: bold;
	white-space: nowrap;
	font-size:larger;
}

td.chillr_cell{
	padding: 0 10px;
}

table.chillr_members{
	margin:0px;	
}

td.web_list{
	padding: 5px 5px 0px 15px;
}
td.web_list_title{
	padding: 0 0 0 15px;
}

a.web_list{
	text-decoration: underline;	
}

/*LINK STAYLS*/
a.logo:link{
	color:white;		
}
a.logo:hover{
	color:white;	
}
a.logo:visited{
	color:white;
}
a.logo:active{
	color:white;
}

a.main_navigation_web.link{
	color:white;	
}
a.main_navigation_web:hover{
	color:white;
	background:none;
	text-decoration: underline;	
}
a.main_navigation_web:visited{
	color:white;
}
a.main_navigation_web:active{
	color:black;
}

a.web{
	color:blue;	
}
a.web:link{
	color:blue;	
}
a.web:hover{
	color:blue;	
	text-decoration:underline;
}
a.web:visited{
	color:blue;
}
a.web:active{
	color:blue;
}

/*MY CHILLR MENU*/
div.chillr_list_wraper_web{
	width: 820px;
	/*height:40px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*padding: 10px 10px 10px 10px;*/
	/*background:  #D3D3D3;*/	
}

/*START Taken from http://www.alistapart.com/d/multicolumnlists/example1.html*/
table.chillr_naviagation_wrapper{
	width:820px;
}
td.chillr_list_wrapper{
	margin:0px;
	/*float:left;*/
	/*width:650px;*/
}
td.full_screen_wrapper{
	/*float:left;*/
	/*width:170px;*/
	white-space: nowrap;
	padding:10px 10px 0 10px;
}
ul{
	list-style-type: none;
	line-height: 1em;
	margin:5px;
	font-size:smaller;
	margin: 0 0 0 0;
	padding: 5px 10px 5px 30px;	
	/*width: 52em;*/  /* room for 5 columns */
}
li
{
	padding: 5px 10px;
 	float: left;
  /*width: 13em; */ /* accommodate the widest item */
}
/* stop the floating after the list */
br
{
  clear: left;
}

/* anchor styling */

ul li:hover
{
  /*color: #FFF; 
  background-color: gray; */
}
/*END Taken from http://www.alistapart.com/d/multicolumnlists/example1.html*/

a.chillr_navigation:link{
	color:black;
}
a.chillr_navigation:hover{
	color:black;
	text-decoration:underline;
}

a.chillr_navigation:visited{
	color:black;
}

a.chillr_navigation:active{
	color:black;
}
/*SETTINGS VIEW*/
div.window_wraper_web{
	color: orange;
	width:620px; 
	/*height:470px;*/
	height:auto;
	margin: 0 0 10px 10px; 
	padding: 15px;		
	font-weight: bold;
	/*background: #D3D3D3;*/
	border:1px solid gray;
	overflow:auto;
	float:left;
}

div.side_navigation_wraper_web{
	float:left;
	/*background-repeat: repeat-y;*/
	/*background: black;*/ 
	padding: 0px 0px 10px 0px; 
	margin: 0 0 0 0;
	font-size:smaller;	
	
}

div.side_menu_separator{
	background-image: url(images/menu-separator-horizontal.png);
	background-repeat: repeat-x;
	height: 2px;
	width:105px;	
}
div.side_menu_item{
	background-repeat: repeat-x;
	background-image: url(images/menu-center-small.png);
	/*background: red;*/
	height:22px;
	width:85px;
	padding: 0px 10px; 
}

div.side_menu_item_selected{
	background-repeat: repeat-x;
	background-image: url(images/menu-center-active-small.png);
	/*background: red;*/
	height:22px;
	width:85px;
	padding: 0px 10px; 
}

div.panel_wraper_web{
	padding: 0 0 0 0;
	float:right;
	/*background:#000033;*/
	background:black;
	
}

div.content_wraper_web{
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	/*padding: 10px 10px 10px 10px;*/
	background: white;
	text-align:left;	
}

/*REGISTRATION VIEW*/
div.registration_wraper_web{
	width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	/*padding: 10px 10px 10px 10px;*/
	background: white;	
}

/*INDEX VIEW*/
div.main_login_wraper_web{
	line-height:1.3em;	
	width: 280px;
	/*height: 300px;*/ 
	height: auto;
	float:right;
	margin: 0 0 10px 20px;
	padding: 10px 0px 10px 0px;
	/*padding: 20px 20px 20px 20px;*/
	background: white;
}

/*********************************************************************************/
/*SMALL DISPLAY LAYOUTS CSS*/
/*********************************************************************************/
/*CHILLR_INDEX VIEW*/
div.master{
	/*background: #000033;*/
	/*background-color:#8FEFFF;
	background-image: url("images/grad-bg.jpg");
	background-repeat: repeat-x; */
	background:black;
	color: white;
	width: 790px;
	height:470px;
	padding: 5px 5px 5px 5px;	
	margin: 0 0 0 0; 	
}

div.title_wraper{
	color:black;
	width: 790px;
	height:40px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;	
	/*padding: 20px 20px 20px 20px;*/
	background: white;;	
}

div.main_info_wraper{
	color:black;
	width: 790px;
	height:30px;
	margin: 0px 0px 0px 0px;
	/*padding: 20px 20px 20px 20px;*/
	background: white;	
}

div.main_navigation_wraper_blue{
	width: 670px;
	height:360px;
	margin: 0px 0px 0px 0px;
	padding: 20px 60px 20px 60px;
	/*padding: 10px 10px 10px 10px;*/
	/*background:   black;*/
	background-color:#8FEFFF;
	background-image: url("images/grad-bg.jpg");
	background-repeat: repeat-x; 
}

div.main_navigation_wraper{
	width: 670px;
	height:360px;
	margin: 0px 0px 0px 0px;
	padding: 20px 60px 20px 60px;
	/*padding: 10px 10px 10px 10px;*/
	/*background:   black;*/
	background-color:#8FEFFF;
	background-image: url("images/grad-bg-black.jpg");
	background-repeat: repeat-x; 
}

div.main_navigation_map{
	float:left;
	/*background:#000033;	*/
	margin: 0px 15px 10px 0px;
	height:168px;
	width:320px;
	padding:2px 0 0 0;
}

div.main_navigation_people{
	/*padding: 20px 20px 20px 20px;*/
	vertical-align: middle;
	float:right;
	/*background:#000033;*/
	background:none;
	border: none;
	margin: 0px 0px 10px 15px;
	height:116px;
	width:316px;
	color:black;
	padding:52px 2px 2px 2px;
	background-image: url(images/people_view.png);
	background-repeat: no-repeat;
}
div.main_navigation_blog{
	padding: 0px 0 0px 0;
	float:left;
	/*background:#000033;*/	
	margin: 10px 15px 0px 0px;
	height:168px;
	width:320px;
	padding:2px 0 0 0;
}
div.main_navigation_notes{
	/*padding: 20px 20px 20px 20px;*/
	float:right;
	/*background:#000033;*/	
	margin: 10px 0px 0px 15px;
	height:168px;
	width:320px;
	padding:2px 0 0 0;
}

img{
	margin:5px  5px 0px  5px;
	padding:2px 2px 2px 2px;
	border:none;		
}

/*PEOPLE NAVIGATION STYLES*/
table.people_table{
	margin:0 0 0 0;
	padding: 10px 0 0 0;
	height:160px;
	border-collapse: collapse;
}

td.people_table{
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

img.arrow{	
	position:relative;
	top:-85px;
	margin:0 2px 0 2px;
	/*width:46px;
	height:46px; */
}

img.arrow_left{
	float:left;
	margin:0 0 0 15px;			
}

img.arrow_right{
	float:right;
	margin:0 15px 0 0;
		
}

h1.icon{
	padding:0 0 0 0;
	margin: 8px 10px 10px 10px;
	font-size: 16pt;
	font-weight: bold;
	/*background: silver;*/
}

div.member_window{
	font-size:smaller; 
	font-weight:bold;
	/*background:black;*/
	/*border: 1px solid black;	*/
	height:113px;
	width:193px;
	margin: 0 0 0 0;
	padding:1px;
	/*position:absolute;
	top:80px;
	left: 475px;*/	
	
	/*position:relative;
	top:0px;
	left:0px;*/	
	/*background:white;*/
	/*background-image: url('/chillr/images/film.png');*/
}

div.member{
	line-height:1em;
	/*background: #D3D3D3;*//*lightgray;*/
	border: 2px solid #666666;
	height:85px;
	width:75px;	
	color:black;
	overflow:auto;
	padding:0px 2px;
}

div.member_left{	
	margin:10px 0 0 10px;
	float:left;
}

div.member_right{
	margin:10px 10px 0 0;
	float:right;	
}

img.member_image{
	/*background:white;*/
	margin:2px  2px 0px  2px;
	padding:2px 2px 2px 2px;
	height:48px;
	width:48px;	
	border:none;
	vertical-align:middle;
}

img.icon_image{
	padding: 0 0 0 0;
	margin:0 0 0 0; 
	position:relative; 
	top:0px; 
	left:0px; 
	display:none;	
}

/*NOTE_VIEW.PHP STYLES*/
div.contaier{
  width: 270px;
  height: 470px;
  padding: 0px;
  margin: 0px; 
}

div.container_title{ 
	background: red; 	
	width: 270px;
	height: 30px;
 	color: white;
 	margin: 0 0 0 0; 
	padding: 0 0 0 0;
}
div.container_table_wraper{
	background: white; 	
	margin: 0 0 0 0;
	padding: 0px 20px 0px 20px;
	height: 430px;
	width: 230px;
	/*width:190px;*/	
	overflow: auto;
}

div.to_do{ 
  position:relative;
  left:245px;
  top:-470px;  
}

div.notes{
  position:relative;
  left:520px;
  top:-940px;
}

div.note_info{
  background: black;
  width: 240px;
  height: 410px;
  color: white; 
  padding: 0 0 0 0;  
  margin: 0 0 0 0;  
}

div.note_info_title{
	background: white; 	
	width: 240px;
 	height: 30px;
 	color: white;
 	margin: 0 0 0 0; 
	padding: 0 0 0 0;
}

div.note_info_table_wraper{
	background: black; 	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 385px;
	width: 240px;
	overflow: auto;
}

div.noteBubbleWrapper
{
	/*font-size: smaller;*/
	width: 221px;
	margin: 15px 0 15px 0;

}

div.noteBubbleTop
{
	background-image: url(images/bubble-top-note.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 221px;
}

div.noteBubbleMiddle
{
	background-image: url(images/bubble-middle-note.png);
	background-repeat: repeat-y;
	padding: 0 8px;
	width: 205px;	
}

div.noteBubbleBottom
{
	background-image: url(images/bubble-bottom-note.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 221px;
}

table.note:hover{
	cursor:pointer;	
}
tr.bubbleAction:hover{
	cursor:pointer;	
}

table.note{
	border-collapse:collapse;
	margin: 0px;
	color:black;
	background: #ffff99;
	width:205px;
	/*width:200px;*/	
	/*height: 150px;*/
}

td.note_foot{	
	font-size: x-small;
	font-style: italic;		
}

td.note{
	/*width:50%;*/
	/*background: ffff99;*/
}

td.note_bin{
	width:48px;
}

span.note_priority{	
	float:left;
	font-size: x-small;	
}

/*MAP_VIEW STYLES*/
div.info{
  /*background: white	;*/
  width: 240px;
  height: 390px;
  color: black; 
  padding: 0 0 0 0;  
  margin: 0 0 0 0;  
}

div.info_title{
	background: #CCCCCC; 	
	/*vertical-align: center;*/
	 width: 240px;
	/*width: 190px;*/
 	height: 20px;
 	color: black;
 	margin: 0 0 0 0; 
	padding: 10px 0;
	font-size: larger;
	font-weight: bold;
}

div.info_table_wraper{
	margin: 0 0 0 0;
	padding: 10px 0px 10px 0px;
	height: 328px;
	width: 238px;
	/*width:190px;*/	
	overflow: auto;
}

div.map_div{
  background: black; 	
  width: 545px;
  height: 470px;
  padding: 0 0 0 0;
  margin: 0px 0px 0px 0px; 
  position:relative;
  left:245px;
  top:-470px;
  color: black;
}

div.navigation{
	background: white;	
 	width:240px;
	height: 60px;
 	color: white;
	padding: 12px 0 6px 0;
 	margin: 0 0 5px 0;
}

div.marker_bubble{
	width: 220px; 
	text-align: center;
	font-weight:normal;	
	line-height:1.3em;
}

/*MAP SIDE NAVIGATION*/

table.info_table{
	width:auto;
	/*width:240px;*/
	/*border-spacing: 5px;*/
	/*margin: 10px 5px 10px 5px;*/
}

.bubbleWrapper
{
	/*font-size: smaller;*/
	width: 151px;
}

.bubbleWrapper .bubbleTop
{
	background-image: url(images/bubble-top.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 151px;
}

.bubbleWrapper .bubbleMiddle
{
	background-image: url(images/bubble-middle.png);
	background-repeat: repeat-y;
	padding: 0 8px;
	width: 135px;	
}

.bubbleWrapper .bubbleBottom
{
	background-image: url(images/bubble-bottom.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 151px;
}

/*tr.cell_light:hover{	
	color:red;
	cursor:pointer;		
}
tr.cell_dark:hover{
	color:red;	
	cursor:pointer;	
}*/


td.cell_member{
	font-size:smaller;
	font-weight:bold;	
	width:45px;
	line-height:1em;
	padding:0;
	
	/*border: 2px solid black;*/
}


td.cell_info_table{
	padding: 0 0 20px 0;
	line-height:1.3em;
	background:white;
}

td.cell_info_table:hover{
	color:red;
	cursor:pointer;	
}

tr.cell_info_table:hover{
	color:red;
	cursor:pointer;	
}


td.cell_light{
	padding: 5px;
	/*border: 2px solid black;*/
	/*background: #CCCCCC;*/
	background: white;
	/*line-height:1.3em;*/	
}

td.cell_dark{
	/*padding: 5px 5px 5px 5px;*/
	padding: 5px;
	/*background: #999999;*/
	background:white;	
	/*line-height:1.3em;*/
	/*border: 2px solid black;*/	
}

/*tr.cell_light{

}
tr.cell_dark{
	
}*/

td.cell_light:hover{	
	color:red;
	cursor:pointer;		
}
td.cell_dark:hover{
	color:red;	
	cursor:pointer;	
}

input.delete_button
{ 
   height:50px;
   width:82px;
   padding: 0 0 0 0;
   margin: 5px  5px  5px  5px;
   background:none;
   border:none;
   /*background-image: url(http://www.mobileradicals.com/chillr/images/delete_button.png);*/
   float: left;
   /*border-style:none;*/
}
input.delete_button:hover{
	cursor:pointer;	
}

input.delete_button:active{
	border:2px solid black;
	cursor:pointer;	
}
/*td.cell_light{
	background: #000033;	
}
td.cell_dark{
	background: #000066;	
}*/

/*********************************************************************************/
/*SHARED ALL STYLES*/
/*********************************************************************************/
a{
	font-weight:bold;
}
a:link{
	color:white;
	text-decoration: none;	
}
a:visited{
	color:white;
	text-decoration: none;
}
a:hover{
	color:red;
	text-decoration: none;
	cursor:pointer;	
}

a.radicals:link{
	font-size:small;
	font-weight:normal;
	color:orange;
	text-decoration: none;	
}
a.radicals:visited{
	color:orange;
	text-decoration: none;
}
a.radicals:hover{
	color:orange;
	text-decoration: underline;
	cursor:pointer;	
}


img.arrow:hover{
	cursor:pointer;	
}
img.arrow:active{
	cursor:pointer;	
	border:2px solid black;
}
img.arrow:visited{
	cursor:pointer;	
	border:2px solid black;
}

a.main_navigation{
	color:#000033;
}
a.main_navigation:hover{
	color:white;
}

div.main_navigation:hover{
	/*background:silver;
	color:silver;*/	
}

img.icon_image:active{
	border:2px solid black;
}

div.member:hover{
	background:white;
}

body{
	font: small Verdana, sans-serif;
  	line-height: 1.6em;
	padding: 0 0 0 0;  
	margin: 0 0 0 0;
}