/* ----- content ----- */


.left_content {

  width: 227px;
}

.center_content {

  width: 582px;
  margin-left: 1px;
  min-height: 500px;
  padding-top: 7px;
}

.right_content {

  width: 176px;
  margin: 0px -11px 0px 0px;
}

.control_cap_left, .control_cap_right {

  border-width: 0px 0px 1px 0px;
  border-color: #DBDBDB;
  height: 63px;
}

.control_cap_left {

  margin: 0px 5px 10px 0px;
}

#google_search {

  background-color: transparent;
  background-image: none;
  margin: 18px 0px 0px 13px;
  width: 196px;
  height: 27px;
}

.control_cap_right {

  margin: 0px 11px 0px 5px;
  background: url("../images/mobile_mail.png") no-repeat 50% 40%;
}

.control_cap_right span, .control_cap_right h3 {

  bottom: 0px;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
}

#divrefresh {

  margin: 0px 0px 0px 125px;
}

#divrefresh span {

  cursor: pointer;
  display: block;
  font-size: 10px;
  padding: 0px 3px 5px 0px;
  text-decoration: underline;
}

.control_cap_right h3 {

  line-height: 12px;
}


.google_box_wrap {

  /* margin: 18px 0px 0px 13px; */

}

.google_box {

  width: 132px;
  height: 17px;
  padding: 5px;
  background: #FFFFFF url("../images/control_sprite.png") no-repeat top left;
}

.google_box #google_input {

  padding: 0px;
}

.google_submit input {

   width: 54px;
   height: 27px;
   line-height: 15px;
   text-align: center;
   color: #FFFFFF;
   background: url("../images/control_sprite.png") no-repeat top right;
}

#noteLinkMainCell ul {

  padding: 1px 15px 0px 8px;
}

#noteLinkMainCell ul li  {

  position: relative;
  background-color: #F2F2F2;
  border: 1px solid #E6E6E6;
  line-height: 12px;
  margin: 0px -1px 1px 0px;
  padding: 3px 0px 3px 8px;
  height: 15px;
  cursor: pointer;
}

#noteLinkMainCell ul li:hover  {

  background: url("../images/open_collapse_arrow.png") no-repeat 2px 13px;
}

#contactDiv ul {

  padding: 1px 15px 0px 8px;
}

#contactDiv ul li  {

  position: relative;
  background-color: #F2F2F2;
  border: 1px solid #E6E6E6;
  line-height: 12px;
  margin: 0px -1px 1px 0px;
  padding: 3px 0px 3px 8px;
  height: 15px;
  cursor: pointer;
}

#contactDiv ul li:hover  {

  background: url("../images/open_collapse_arrow.png") no-repeat 2px 13px;
}

.contactDiv ul {

  padding: 1px 15px 0px 8px;
}

.contactDiv ul li  {

  position: relative;
  background-color: #F2F2F2;
  border: 1px solid #E6E6E6;
  line-height: 12px;
  margin: 0px -1px 1px 0px;
  padding: 3px 0px 3px 8px;
  height: 15px;
  cursor: pointer;
}

.contactDiv ul li:hover  {

  background: url("../images/open_collapse_arrow.png") no-repeat 2px 13px;
}



.limit_ename {

  overflow: hidden;
}

.edit_fav_link_icon {

  display: inline-block;
  width: 19px;
  height: 15px;
  background: url("../images/mini_icons.png") no-repeat 0px 0px;
}


.frameIT {

  margin: 7px 0px 0px 5px;
  width: 169px;
  padding: 0px;
  height: 425px;
}

/* End */


/* note shift style */

.shift_it {

  /* height: auto;
   float: right;
   margin: -3px -10px 0px 5px; */

   position: absolute;
   top: 0px;
   right: -10px;
}

.to_top, .up_one, .down_one {

   display: block;
   width: 8px;
   height: 5px;
   border: 0px;
   margin-bottom: 2px;
   cursor: pointer;
}

.to_top {

   background: url("../images/shift_sprite.png") no-repeat 0px 0px;
}

.up_one {

   background: url("../images/shift_sprite.png") no-repeat 0px -5px;
}

.down_one {

   background: url("../images/shift_sprite.png") no-repeat 0px -13px;
}

/* End note shift style */


/* add Cat and note names */

.addDeleteCatLINKS div, .addDeleteNoteLINKS div, .addDeleteFavLINKS div {

  padding: 1px 5px;
  background-color: #FFFFFF;
  border: 1px solid #D8D8D8;
  margin: 0px 0px 7px 0px;
}

.addDeleteCatLINKS div, .addDeleteNoteLINKS div, .addDeleteFavLINKS div, .action_box_left .name_box {

  height: 23px;
}

.addDeleteCatLINKS div, .addDeleteNoteLINKS div {

  width: 270px;
}

.action_box_left div {

  width: 246px;
}

.action_box_left .diary_text {

  height: 144px;
  padding: 5px;
}

#txtdiarydesc {

  height: 135px;
  width: 100%;
}

.action_box_left .action_one {

  border: none;
  background: none;
  text-align: right;
}

.action_box_left .action_one dt, .action_box_left .action_one dd {

  float: left;
  position: relative;
}

.action_box_left .action_one dd {

  font-size: 10px;
  margin: 0px 0px 0px 2px;
  padding: 5px 5px 0px 0px;
}

.action_box_left .action_two {

  height: 22px; 
  margin-left: 8px;
}

#txtNote, #txtCategory, #txtLinkName, #txtLinkUrl, #google_input, #txtContactCategory, #txtAreaContacts {

  width: 100%;
  font-weight: bold;
  padding: 3px 0px;
  font-size: 14px;
}

.google_box_wrap .google_box #google_input {

  font-size: 12px;
}

.addDeleteNoteLINKS {

   float: right;
}

.addDeleteFavLINKS .flo_l {

   width: 165px;
}

.addDeleteFavLINKS .flo_r {

   width: 387px;
}

.action_box_left span {
   
}

.addNewCatNoteTEXT,
.deleteNoteTEXT,
.addNewCatTEXT,
.deleteCatTEXT,
.addNewFavLinkTEXT,
.deleteFavLinkTEXT {

   cursor: pointer;
   display: inline-block;
   height: 14px;
   background-image: url("../icons/add_delete_icons.png"); 
   background-repeat: no-repeat;
   margin: 1px 0px;
}

.addNewCatNoteTEXT,
.addNewCatTEXT,
.addNewFavLinkTEXT {

   background-position: 0px 0px;
   width: 31px;
}

.deleteNoteTEXT,
.deleteCatTEXT,
.deleteFavLinkTEXT {

   background-position: top right;
   width: 16px;
}

.deleteNoteTEXT,
.deleteCatTEXT {

   margin-left: 235px;
}

.addNewFavLinkTEXT,
.deleteFavLinkTEXT {

   margin: 5px 0px 1px 0px;
}

.deleteFavLinkTEXT {

   margin-left: 130px;
}


/* End */


/* note pad area */

#txtNoteDesc, #txtNoteDesc_ifr, .noteBodyTEXT, #txtNoteDesc_tbl, .mceLayout {

  width: 582px;
  min-height: 200px;
  table-layout: fixed;
}


.note_wrap {

  padding: 2px 0px;
  margin-bottom: 1px;
}

/* End */




/* BUTTON CONTROLS  */


.form_button_theme, .form_button_theme div  {
   
   background: url("../images/button_theme_a.png") no-repeat;
   _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/button_theme_a.png',sizingMethod='image/scale/crop');
}

.form_button_theme  {
   
  padding-left: 11px;
  background-position:  0px 0px;
  margin-right: 10px;
  position: relative;
}

.form_button_theme div {
  
  height: 17px;
  padding-top: 3px;
  background-position:  100% 0px;
  background-color: #EDEDED;
}

#remind_me {

   color: red;
}

.form_button_theme div span {
  
   display: inline-block;
   color: #333333;
   padding: 0px 23px 0px 0px;
   cursor: pointer;
}

.form_button_theme div span.add_button, .form_button_theme div span#remind_me {

   padding: 0px 5px;
}

.alert_button {

  right: 5px;
  bottom: 15px;
}

.button_wrap {

   float: left;
   padding-top: 10px;
}


/* End BUTTON CONTROLS */

/* action_indicator_button */

li.button_wrap span.action_indicator,
div.button_wrap span.action_indicator {

    cursor: text;
	height: 24px;
	opacity: 0.4;
    filter: alpha(opacity=40); 
	display: block;
    background-repeat: no-repeat;
	position: absolute;
    z-index: 500;
}

li.button_wrap span.action_indicator {

	background-image: url("../icons/ajax-loader.gif");
	background-position: 89px 50%;
}

div.button_wrap span.action_indicator {

	background-image: url("../images/loader.gif");
	background-position: right 0px;
}


span.save_button,
span.changepassword_button {

    background-color: #EDEDED;
    right: -2px;
    top: -2px;
}

span.save_button {

    width: 42px;
}

span.changepassword_button {

    width: 135px;
}

span.login_button {

    left: 0px;
	bottom: 5px;
    width: 109px;
}


/* End - action_indicator_button */


/* my alerts, contacts, pics, diary */

.app_cloak_wrap {

  background-color: transparent;
  width: 100%;
  max-width: 100%; 
  height: 100%; 
  top: 10px; 
  left: 0px;  
  z-index: 3300; 
  /* position: fixed; */
}


.peripherals_deck {

  margin: 0px auto;
  width: 581px;

  /* display: none; */
}

.webware_deck {

  margin: 20px auto 0px auto;
  width: 1003px;
}

.app_cloak {

  background-color: #333333;
  filter: alpha(opacity=70); 
  opacity: 0.7;
  width: 100%;
  max-width: 100%; 
  height: 100%; 
  top: 0px; 
  left: 0px; 
  vertical-align: middle; 
  z-index: 3200; 
  position: fixed;
  display: none;

}

#alertreminder {
  display: block;
}
#alertsque {
  display: block;
}
#contactlist {
  display: block;
}
#dailydiary {
  display: block;
}
#sendnote {
  display: block;
}
#mypics {
  display: block;
}


.tool_deck {

  background-color: #F2F2F2;
  border: 2px solid #C6C6C6;
  padding: 10px;
  position: relative;
 }

.tool_deck_max {

  width: 855px;
  height: 473px;
}

.tool_deck .align_c {

  text-align: center;
}

.wall {

  background-color: #EDEDED;
  border: 1px solid #DBDBDB;
}

.tool_deck .wall .flo_l {

  width: 256px;
  padding:10px;
  height: 285px;
  overflow: hidden;
  padding: 10px;
}

.tool_deck .wall .push_up_max {

  min-height:473px;
}

.tool_deck .wall .push_up_my {

  min-height: 352px;
}

.tool_deck .wall .tool_max {

  width: 403px;
  min-height: 400px;
}

.tool_deck .wall .vert_line {

  border: 1px solid #DBDBDB;
  border-width: 0px 0px 0px 1px;
  position: relative;
  padding: 10px 14px 10px 8px;
  overflow: auto;
}

.tool_deck .wall h3 {

  font-size: 17px;
  height: 20px;
  padding: 10px 0px 5px 10px;
  border: 1px solid #DBDBDB;
  border-width: 0px 0px 1px 0px;
}

.big_preview {

  margin-left:54px;
  width: 300px;
  height: 216px;
  overflow: hidden;
  border: 2px solid #D2D2D2;
}

.big_preview img {

  width: 300px;
}

.push_pad {

  padding: 3px 0px 0px 0px;
}

.upload_pics {

  bottom: 11px;
  right: 11px;
  background-color: #EDEDED;
  border-color: #DBDBDB;
  border-width: 1px 0px 0px 0px;
  width: 278px;
  height: 50px;
  text-align: center;
  padding-left: 5px;
  z-index: 700;
}

.scroll_cap {

  width: 489px;
}

.ithumb div, .ithumb_selection div {

  border: 2px solid #D2D2D2;
  position: relative;
}

.ithumb div {

  float: left;
  margin: 16px;
}

.ithumb_selection {

  margin: 10px 3px 10px 1px;
  float: right;
}

.ithumb div, .ithumb div img {

  width: 100px;
  height: 100px;
}

.ithumb_selection div, .ithumb_selection div img {

  width: 80px;
  height: 80px;
  cursor: pointer;
}

.ithumb div span, .ithumb_selection div span {

  position: absolute;
  cursor: pointer;
}

.ithumb div span {

  bottom: -25px;
  left: 35px;
  padding: 5px 0px;
}

.ithumb_selection div span {

  background: #D2D2D2 url("../images/delete_icon_moos.png") no-repeat scroll 2px 2px;
  height: 14px;
  left: 66px;
  padding: 1px;
  top: -2px;
  width: 14px;
  border: solid #F2F2F2;
  border-width: 0px 0px 1px 1px;
}

/* End */


/* radio and check box form */


span.checkbox, span.radio {

	width: 19px;
	height: 25px;
	padding: 0px;
	display: block;
	clear: left;
	float: left;
	overflow: hidden;
}

span.checkbox {

	background: url("../images/checkbox.gif") no-repeat;
}

span.radio {

	background: url("../images/radio.png") no-repeat;
}

span.radio:hover {

	background: url("../images/radio.png") no-repeat 0px 0px;
}

span.select {

	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0px 24px 0px 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url("../images/select.gif") no-repeat;
	overflow: hidden;
}

/* End - radio and check box form */



.moosui_time_zone_form {
    
	padding: 5px 0px 0px 9px;
	width: 260px;
}

.moosui_time_zone_form ul {
    
	float: left;
}

.moosui_time_zone_form ul li.split {
    
	width: 91px;
}

.moosui_time_zone_form ul li.am_pm {
    
	width: 45px;
}

.moosui_time_zone_form ul li.push {
    
	margin-left: 6px;
}

.moosui_time_zone_form ul li {
    
	margin-bottom: 5px;
}

.moosui_time_zone_form ul li {
    
	float: left;
}

.mui_input_wrap {
    
    height: 20px;
    width: 239px;
}

li.mui_input_wrap select {
    
	border: 1px solid #DFDFDF;
    margin: 0px;
    width: 100%;
}


#popupTitle,
#popupControls,
#popupTitleBar {

	display: none;
}


.note_text_wrap span {

   display: inline-block;
   line-height: 18px;
}

.note_text_wrap span:hover {

   border: solid #E6E6E6;
   border-width: 0px 2px 0px 0px;
   padding-right: 3px;
}

.note_text_wrap,
.favlink_text_wrap {

   height: auto;
   width: 208px;
   border: none;
}

.note_text_wrap {

   background-color: #FFFFFF;
   cursor: pointer;
   padding: 2px 0px 2px 5px;
margin-left:17px;
}

.favlink_text_wrap {

   padding: 2px 0px; 
   margin: 0px 0px 5px 0px;
}

.quick_instruction  {

   margin: 25px;
   padding: 5px 0px;
   background-color: #BBBBBB; 
   border: 1px solid #D3D3D3;
   font-weight: bold; 
   color: #FFFFFF; 
   text-align: center; 
   line-height: 15px;
}

.full_wrap {

   padding: 10px;
}


/* End complete */