body {
	margin: 0; 
	padding: 0; 
	font-size: 9pt;
	font-family: Tahoma, Gulim, Verdana, sans-serif;
}

#header  
{
	height: 31px; 
	background: #eee; 
	text-align: left;
	color: #666;
	border-bottom: solid 1px #CCC;
	padding-top:4px;
} 

#toolbar
{
	padding: 4px;
	height:26px;
	border-bottom: solid 1px #CCC;
	overflow: hidden; 
} 

#body
{
	padding:4px;
} 

a {
    color: #556b2f;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img { 
	border: 0; 
}

.dotted_border 
{
	background-image: url(../images/dot2.gif);
	width:4px;
	padding:0px;
	background-repeat:repeat-y;
	background-position:center;
}

h1 { color:#333;font-size:20px; }
h2 { color:#333;font-size:17px; }
h3 { color:#999;font-size:12px; }

/* Gmail button */
    code {font:12px Monaco,monospaced; color:#963;}
    
    /* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(../images/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
    
    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #bbb;
      }
    button.pill-c span {
      border-right-style:none;
    	border-left-width:0px;
      /* border-left-color:#fff; */
      }
    button.pill-c span span {
      border-right:1px solid #bbb;
      }
    button.pill-r span 
    {
    	border-left-width:0px;
      /* border-left-color:#fff; */
    }
    
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9C6 !important;
      color:#000;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }
 
    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }
      
      
    .aspxbtn {
      display:inline-block;
      background:#ddd url(../images/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 6px 3px 6px;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }

    .aspxbtn:hover, .aspxbtn_c:hover, .aspxbtn_g:hover, .aspxbtn_i:hover {
      border-color:#9C6 !important;
      color:#006400;
    }
    
    .aspxbtn_c {
      display:inline-block;
      background:#ddd url(../images/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 6px 3px 6px;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      border-left:0px solid #bbb;
      border-right:1px solid #aaa;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
      
    .aspxbtn_g {
      display:inline-block;
      background:#ddd url(../images/bg-green-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 6px 3px 6px;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    
    .aspxbtn_i {
      display:inline-block;
      background:#ddd url(../images/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:1px 6px 1px 6px;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }

/* Gmail button */



.section {font-size:1em;line-height:1.3em;margin:0px 8px 8px;padding:8px 10px 8px 10px;}
.sectionBody { background:url('../images/bg_profileSection_body.gif') repeat-y; zoom:1; width:649px;}
.sectionTop { background:url('../images/bg_profileSection_top.gif') no-repeat top; padding-top:6px; zoom:1; }
.sectionBtm { background:url('../images/bg_profileSection_btm.gif') no-repeat top; height:7px; }
.sectionBody_350 { background:url('../images/bg_profileSection_body_350.gif') repeat-y; zoom:1; width:649px;}
.sectionTop_350 { background:url('../images/bg_profileSection_top_350.gif') no-repeat top; padding-top:6px; zoom:1; }
.sectionBtm_350 { background:url('../images/bg_profileSection_btm_350.gif') no-repeat top; height:7px; }
.sectionBody_800 { background:url('../images/bg_profileSection_body_800.gif') repeat-y; zoom:1; width:799px;}
.sectionTop_800 { background:url('../images/bg_profileSection_top_800.gif') no-repeat top; padding-top:6px; zoom:1; }
.sectionBtm_800 { background:url('../images/bg_profileSection_btm_800.gif') no-repeat top; height:7px; }
.sectionBody_900 { background:url('../images/bg_profileSection_body_900.gif') repeat-y; zoom:1; width:899px;}
.sectionTop_900 { background:url('../images/bg_profileSection_top_900.gif') no-repeat top; padding-top:6px; zoom:1; }
.sectionBtm_900 { background:url('../images/bg_profileSection_btm_900.gif') no-repeat top; height:7px; }
.section .links {padding:4px 0 !important;}
.section .overviewLinks {padding:4px 0 !important; color:#999999; font-size:.95em; font-weight:normal !important;zoom:1;}
/*.sectionmain {border:1px #e2e2e2 solid;padding:2px 10px;line-height:1.4em;} */
.section p {margin-top:1em;}
.section .spec {color:#999999; font-weight: bold;}
#DivOverview .profAttrib { color:#333; }
.section ul {margin:0;list-style-type:none;padding-left:0;display:inline;line-height:16px;}
.section ul li {display:inline}
.section ul h3 {font-size:1em;font-weight:normal;color:#333;display:inline;}
.section .weekday { float:left; margin-right:50px; }
.section .weekend { float:left; }
.hours .profAttrib { font-weight:normal; padding-right:10px; }
.hoursDetail { clear:both; line-height:1.65em; }
.section .user {color:#999;}
.section .note {color:#999;font-size:.9em;}
.sectionhead {position:relative; background:#fafafa url('../images/bg_hdProfileSec.gif') bottom repeat-x;color:#999;font-size:1em;font-weight:bold;letter-spacing:0.15em;margin:0 8px;border:1px #e2e2e2 solid;padding:2px 10px;line-height:1.4em;clear:both;}
.sectionhead ul.tools { position:absolute; right:0; float:none;font-weight:normal;letter-spacing:0em;font-size:1em; } 
.sectionhead ul.tools li { float:none; }
.section .profileDisclaimer {color:#999;font-size:.9em;}
.section span.profileDisclaimer a:visited, .section span.profileDisclaimer a:link, .section span.profileDisclaimer a:active, .section span.profileDisclaimer a:hover {
	color:#999 !important;
	text-decoration: underline;
}

ul.tools {float:left;margin:0;padding-left:0;clear:both;list-style-type:none;}
ul.tools li {float:left;font-size:11px;margin-left:0;padding:2px 15px 2px 21px;background: url('../images/icon_tools_sprite.gif') no-repeat -2px 0;}
#profTools {display:block !important; margin: 12px 0 !important;}
#profTools li, .sectiontool ul.tools li {padding: 2px 2px 3px 21px !important;}
ul.tools li.tool_email {background-position: 0 -262px;}
ul.tools li.tool_update {background-position: 0 -234px;}
ul.tools li.tool_write {background-position: 0 -206px;}
ul.tools li.tool_menu {background-position: 0 -180px;}
ul.tools li.tool_videos {background-position: 0 -154px;}
ul.tools li.tool_web {background-position: 0 -129px;}
ul.tools li.tool_coupons {background-position: 0 -102px;}
ul.tools li.tool_showtimes {background-position: 0 -76px;}
ul.tools li.tool_photos {background-position: 0 -50px;}
ul.tools li.tool_phone {background-position: 0 -24px;}
ul.tools li.tool_save {background-position: 0 0;}

ul.tools {_display:inline;_float:none;}
ul.tools li {_display:inline;_padding:4px 15px 5px 21px;_line-height:20px;_float:none;}
ul.tools li a {_line-height:20px;}

.helphead {color:#999;font-size:1em;font-weight:bold;letter-spacing:0.15em;line-height:1.4em;clear:both;} 
.question_list{list-style-position:outside;list-style-image:url(../images/bullet_list.gif);list-style-type:disc;margin-left:14px;margin-top:15px;}

.yellow_bkg{background-color:Yellow;}
.default_bkg{background-color:inherit;}


.greentextbox {
	border: 1px solid #556b2f;
	border-left: 4px solid #556b2f;
}

.silvertextbox {
	border: 1px solid silver;
	border-left: 4px solid silver;
}

/* Calendar */

.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-family: "Verdana",monospace;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-top: 5px;
  cursor: pointer;
  width:80px;
}

.picker_transparent
{
  background-color: #FFFFFF;
  border: 0px gray solid;
  font-size:inherit;
  cursor: pointer;
  width:80px;
}

.calendar_button
{
	border:none;
	cursor:pointer;
}

.calendar td
{
  font-size:11px;
}

.calendar_title
{
  font-weight:bold;
  background-color:#D7D7E5;
}

.calendar_day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.calendar_dayhover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.calendar_dayheader
{
  width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.calendar_othermonthday
{
  color:#999999;
}

.calendar_selectedday
{
  width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Gray;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.calendar_month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.calendar_nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:middle;
  padding:0px 5px 0px 5px;
}
/* Calendar */


.InputLabel
{
	padding:4px;
}
.InputSubLabel
{
	padding:4px 4px 4px 8px;
}
.Input
{
	padding:4px;
	background-color: #f0f8ff;
}
.InputTitle
{
	padding:10px 4px 4px 4px;
	font-weight:bold;
	border-bottom:solid 1px silver;
	color:Gray;
}
.InputNew
{
	padding:4px;
	background-color:#fafad2;
}

/* Optimization Matrix */
.optmtx_td
{
	padding:2px;
	/* border-right: dotted 1px silver; */
	font-size:11px;
	height:18px;
}
.optmtx_td_dt
{
	padding:2px;
	font-size:11px;
	text-align:right; 
}
.optmtx_td_dt_r
{
	padding:2px;
	/* border-right: dotted 1px silver; */
	font-size:11px;
	text-align:right; 
}

.optmtx_td_opt
{
	padding:2px;
	border-bottom:solid 1px silver; 
	/* border-right: dotted 1px silver; */
	font-size:11px;
	height:18px;
}
.optmtx_td_dt_opt
{
	padding:2px;
	text-align:right; 
	border-bottom:solid 1px silver;
	font-size:11px;
}
.optmtx_td_dt_r_opt
{
	padding:2px;
	text-align:right; 
	border-bottom:solid 1px silver; 
	/* border-right: dotted 1px silver; */
	font-size:11px;
}

.optmtx_td_dtr
{
	padding:2px;
	/* border-right: dotted 1px silver; */
	font-size:11px;
	height:18px;
}
.optmtx_td_dt_dtr
{
	padding:2px;
	text-align:center; 
	font-size:11px;
}
.optmtx_td_dt_r_dtr
{
	padding:2px;
	text-align:center; 
	/* border-right: dotted 1px silver; */
	font-size:11px;
}

.optmtx_td_dt_hd
{
	padding:2px;
	text-align:right; 
	font-size:11px;
}
.optmtx_td_dt_r_hd
{
	padding:2px;
	text-align:right; 
	/* border-right: dotted 1px silver; */
	font-size:11px;
}
/* Optimization Matrix */

/* optimal frame */
.subheader 
{
	padding-left:4px;
	text-transform: uppercase; 
	background: url(../images/header_bg.gif) repeat-x; 
	height: 23px; 
	color: #4a6f8e; 
	font-size: 9px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", arial; 
}
.subheader_left {
	width: 4px; 
	background: url(../images/lft_header_corner.gif) no-repeat; 
	height: 23px; 
}
.subheader_right {
	width: 4px; 
	background: url(../images/right_header_corner.gif) no-repeat; 
	height: 23px; 
	text-align:left;
}
.result_border1 {
	border-bottom: silver 1px solid; 
	border-left: silver 1px solid; 
	border-top: 0px; 
	border-right: silver 1px solid; 
	vertical-align:top;
}
.result_border2 {
	background: #f5f5f5; 
	height:100%;
	padding:4px;
}
.result_border3 {
	border: silver 1px solid; 
	background: #fff; 
	padding:4px;
}
/* optimal frame */

/* Data Table Style */
.dtbl
{
	border: 1px solid #CCC;
	/* border-collapse: collapse; */
}

.dtbl_head
{
	background: #FFF url(../images/funbox_bg.gif) repeat-x;
	color: #666;  
	padding: 5px 10px 3px;
	border-left: 1px solid #CCC;
	font-size: 9pt;
}

.dtbl_tr_edit
{
	padding: 5px 10px;
	color: #666;
	background-color: #d2b48c;
}

.dtbl_body
{
	background: #f0fff0;
	border-top: 1px solid #CCC;
	text-align: left;
	font-weight: normal;
}

.dtbl_tr
{
	/* padding: 5px 10px; */
	color: #666;
	background-color: White;
}

.dtbl_tr_edit
{
	padding: 5px 10px;
	color: #666;
	background-color: #d2b48c;
}

.dtbl_tr:hover
{
	/* background: #FFF url(../images/tr_bck.gif) repeat; */
}

.dtbl_tr_a
{
	padding: 5px 10px;
	color: #666;
}

.dtbl_tr_a:hover
{
	background: #FFF url(../images/tr_bck.gif) repeat;
}

.dtbl_td
{
	padding: 5px 10px;
	font-size:11px;
	vertical-align:top;
}

.dtbl_td_left
{
	padding: 5px 10px;
	font-size:11px;
	text-align: left;
	vertical-align:top;
}

.dtbl_td_left_b
{
	padding: 5px 10px;
	font-size:11px;
	text-align: left;
	vertical-align:top;
	border-bottom: solid 1px silver;
}

.dtbl_td_right
{
	padding: 5px 10px;
	font-size:11px;
	text-align: right;
	vertical-align:top;
}

.dtbl_td_right_b
{
	padding: 5px 10px;
	font-size:11px;
	text-align: right;
	vertical-align:top;
	border-bottom: solid 1px silver;
}

.dtbl_td_center
{
	padding: 5px 10px;
	font-size:11px;
	text-align: center;
	vertical-align:top;
}

.dtbl_td_left_icon
{
	padding: 5px 10px;
	font-size:11px;
	text-align: left;
	width: 10px;
}

.dtbl_td_a
{
	padding: 5px 10px;
	font-size:11px;
}

.dtbl_footer
{
	border-left: none;
	border-top: 1px solid #CCC;
	padding: 4px;
	background: #FFF url(../images/foot_bck.gif) repeat;
	color: #666;
}
/* Data Table Style */