/* These are all EXAMPLES -- they are meant to be updated/changed/modified */
	TD, BODY { font: 12px 'Tahoma','Tahoma','Verdana','Arial','Helvetica','Sans-Serif'; text-align: left; }
	TH { font: 12px 'Tahoma','Verdana','Arial','Helvetica','Sans-Serif'; text-align: left; font-weight: bold; }
	.title { font: 30px 'Tahoma','Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; margin-left: -2px;}
	.title_action { font: 10px 'Tahoma','Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; margin-bottom: -4px; }
	.warning { color: #ff0000; }
	.instructions { font: 9px 'Arial','Helvetica','Sans-Serif'; font-style: italic; color: #666666 }
	.item_divider { line-height: 16px; }
	.item_label { font: 12px 'Tahoma','Verdana','Arial','Helvetica','Sans-Serif'; } /* padding-bottom: 4px; */
	.item_label_disabled { font: 10px 'Tahoma','Verdana','Arial','Helvetica','Sans-Serif'; padding-bottom: 4px; color: #999999; }

	.button { font: 10px 'Tahoma','Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; }
	.listbox { font: 10px 'Tahoma','Verdana','Arial','Helvetica','Sans-Serif'; width: 250px; }
	.textbox { font: 12px 'Tahoma','Verdana','Arial','Helvetica','Sans-Serif'; width: 250px; }

	.paginator_inactive_step { font-weight: bold; color: #aaaaaa; }
	.paginator_active_step { font-weight: bold; color: #000000; text-decoration: none; }
	.paginator_page { text-decoration: none; color: #000000; padding: 0px 3px 0px 3px; }
	.paginator_selected_page { font-weight: bold; background-color: #ddccff; padding: 0px 3px 0px 3px; border: 1px; border-style: solid; }

	.dashboard_top {width: 854px; margin-left: 170px; color: #000066; font: 30px 'Tahoma','Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; height: 40px;}
	.dashboard_pane {float: left; font-size: 10px; width: 160px;}
	.dashboard_left {float: left; background-color: #eeeeff; width: 400px; height: 500px; margin-left: 10px; border-width: 1px; border-style: solid; border-color: black; padding: 10px; overflow: auto;}
	.dashboard_right {float: left; background-color: #eeeeff; width: 400px; height: 500px; margin-left: 10px; border-width: 1px; border-style: solid; border-color: black; padding: 10px; overflow: auto;}

	.file_asset_dbox { border: 1px solid #1c4a8c; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }
	.file_asset_dbox h1 { margin: 0; }
	.file_asset_dbox input { padding: 3px; margin-right: 5px; }

    .file_asset a {color: black;}
    .file_asset_icon {border-width: 2px; border-style: solid; border-color: #147;}

	/* global */
	.box { border: 1px solid #bdc7d8; background-color: white ;}
	.list { border: 1px solid #bdc7d8; background-color: white ; overflow:auto; width: 325px;}
	.listbox { border: 1px solid #bdc7d8; background-color: white ; overflow:auto; }
	.button {color: white; background-color: #3b5998; border: 1px dotted  #bdc7d8;}
	.picbutton {color: white; background-color: #3b5998; padding:5px; border: 1px dotted  #bdc7d8; cursor: pointer; font-weight:bold;}

	/* comment */
	.comment_list_pnl { border:0px solid green; width: 420px; }
	.comment_line { border: 1px solid #bdc7fe;}
	.comment_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee; width:630px;}

	/* tag */
	.list_remove { text-decoration: none; color:red;}
	.tag_pnl{  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.tag, a.tag hover, a.tag link, a.tag alink { text-decoration: none;  color: #3b5998; font-weight: bold; }

	/* goal */
	.goal_list_pnl { width: 350px; 	z-index: 1000; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */ }
	.goal_line { border: 1px solid #bdc7fe;}
	.goal_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}


	/* blog */
	.blog_list_pnl { width: 350px; }
	.blog_line { border: 0px solid #bdc7fe;}
	.blog_pnl {  border: 0px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.blog, a.blog hover, a.blog link, a.blog alink { text-decoration: none;  color: #3b5998; font-size: 12px; border:0px solid black;}
	a.blog:hover {text-decoration: underline;  }

	/* user */
	.user_list_pnl { width: 350px; }
	.user_line { border: 1px solid #bdc7fe;}
	.user_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.user, a.user hover, a.user link, a.user alink { text-decoration: none;  color: #3b5998; }
	a.user:hover {text-decoration: underline;  }

	/* album */
	.album_list_pnl { width: 350px; }
	.album_line { border: 1px solid #bdc7fe;}
	.album_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.album, a.album hover, a.album link, a.album alink { text-decoration: none;  color: #3b5998; font-weight: bold;}

	/* photo */
	.photo_list_pnl { width: 350px; }
	.photo_line { border: 1px solid #bdc7fe;}
	.photo_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.photo, a.photo hover, a.photo link, a.photo alink { text-decoration: none;  color: #3b5998; font-weight: bold;}

	/* address */
	.address_list_pnl { width: 350px; }
	.address_line { border: 1px solid #bdc7fe;}
	.address_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.address, a.address hover, a.address link, a.address alink { text-decoration: none;  color: #3b5998; font-weight: bold;}


	/* addressbook */
	.addressbook_list_pnl { width: 350px; }
	.addressbook_line { border: 1px solid #bdc7fe;}
	.addressbook_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.addressbook, a.addressbook hover, a.addressbook link, a.addressbook alink { text-decoration: none;  color: #3b5998; font-weight: bold;}


	/* bulletin */
	.bulletin_list_pnl { width: 350px; }
	.bulletin_line { border: 1px solid #bdc7fe;}
	.bulletin_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.bulletin, a.bulletin hover, a.bulletin link, a.bulletin alink { text-decoration: none;  color: #3b5998; font-weight: bold;}


	/* event */
	.event_list_pnl { width: 350px; }
	.event_line { border: 1px solid #bdc7fe;}
	.event_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.event, a.event hover, a.event link, a.event alink { text-decoration: none;  color: #3b5998; font-weight: bold;}


	/* link */
	.link_list_pnl { width: 350px; }
	.link_line { border: 1px solid #bdc7fe;}
	.link_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.link, a.link hover, a.link link, a.link alink { text-decoration: none;  color: #3b5998; font-weight: bold;}


	/* message */
	.message_list_pnl { width: 350px; }
	.message_line { border: 1px solid #bdc7fe;}
	.message_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.message, a.message hover, a.message link, a.message alink { text-decoration: none;  color: #3b5998; font-weight: bold;}


	/* mood */
	.mood_list_pnl { width: 350px; }
	.mood_line { border: 1px solid #bdc7fe;}
	.mood_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.mood, a.mood hover, a.mood link, a.mood alink { text-decoration: none;  color: #3b5998; font-weight: bold;}


	/* action */
	.action_list_pnl { width: 350px; }
	.action_line { border: 1px solid #bdc7fe;}
	.action_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.action, a.action hover, a.action link, a.action alink { text-decoration: none;  color: #3b5998; font-weight: bold;}

	/* rating */
	.rating_list_pnl { width: 350px; }
	.rating_line { border: 1px solid #bdc7fe;}
	.rating_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.rating, a.rating hover, a.rating link, a.rating alink { text-decoration: none;  color: #3b5998; font-weight: bold;}

	/* reminder */
	.reminder_list_pnl { width: 350px; }
	.reminder_line { border: 1px solid #bdc7fe;}
	.reminder_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.reminder, a.reminder hover, a.reminder link, a.reminder alink { text-decoration: none;  color: #3b5998; font-weight: bold;}

	/* school */
	.school_list_pnl { width: 350px; }
	.school_line { border: 1px solid #bdc7fe;}
	.school_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.school, a.school hover, a.school link, a.school alink { text-decoration: none;  color: #3b5998; font-weight: bold;}

	/* work */
	.work_list_pnl { width: 350px; }
	.work_line { border: 1px solid #bdc7fe;}
	.work_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.work, a.work hover, a.work link, a.work alink { text-decoration: none;  color: #3b5998; font-weight: bold;}

	/* stamp */
	.stamp_list_pnl { width: 350px; }
	.stamp_line { border: 1px solid #bdc7fe;}
	.stamp_pnl {  border: 1px solid #bdc7d8; padding:10px; background-color: #eee;}
	a.stamp, a.stamp hover, a.stamp link, a.stamp alink { text-decoration: none;  color: #3b5998; font-weight: bold;}

	/* Left Menu Items */
	a.nav, a.nav link, a.nav alink { text-decoration: none;  color: #3b5998; }


	#submenu { padding: 0px; margin: 0px; margin-left:15px; }
	#menu { padding: 0px; margin:0px; }
	#menu li a.nav, a.nav link, a.nav alink { text-decoration: none; }
	#menu li a:hover {
		color : #f07800;
	}
	li.item { list-style: none;  padding:10px; font-size: 1.2em; width: 180px;  color: #00468c; }
	li.top_item { list-style: none; display: table-cell; padding: 2px 3px;}

	li.itemSelected { list-style: none;  padding:10px; font-size: 1.2em; width: 175px; background-color: white;  color: #f07800;  font-weight:bold; border-left: 1px solid #f07800; border-top: 1px solid #ddd}
	#menu li a.navSelected, a.navSelected link, a.navSelected alink {  text-decoration: none;  color: #f07800;  font-weight: bold;}
	#menu li a.navSelected:hover {
		color : #00468c;
	}


/**
Transfer definitions
 */
.transferer1
{
	border: 1px solid #000;
}
.transferer2
{
	border: 1px solid #BBEF68;
	background-color: #ffc;
}
.transferer3
{
	border-top: 2px solid #bcd4ec;
	border-bottom: 2px solid #bcd4ec;
	border-left: 5px dashed #bcd4ec;
	border-right: 5px dashed #bcd4ec;
}

/* Rounded Corners */
div.demo, div.inner { color: #000; text-align: center; font: 10px 'Tahoma','Verdana', 'Arial', 'Sans-Serif'; width:300px;}
div.demo  { width: 18em; padding: 20px; margin: 1em; backgroundc-color: #6af; width:300px;}
div.outer { margin: 5px; background: #bdc7fe; padding: 8px;  width:325px;}


/* SITE COLORS */
.greentext {  color: #b1d350; font-weight: bold; }
.bluetext { color: #00468c;}
.orangetext { color: #f07800; }
.lightgreen { color: #cde785;} /* c3e26e, d0ee7c */
.highlight-box { color: #c9daef; }
.lightblue { color: #76a7da; }
.greytext { color: #363636; }

/* text colors */
.txtBlue { color: #00468c; }
.txtOrange { color: #f07800; }
.txtBlack { color: #363636; }

.siteBlueText {  font-size:14px; color: #00468c; line-height: 18px;}

a.siteBlueText, a.siteBlueText link a.siteBlueText alink, a.siteBlueText hover {  font-size:14px; color: #00468c; line-height: 18px; text-decoration:none;}

/* TOPNAV */
a.topnav, a.topnav link, a.topnav alink { text-decoration: none;  color: white; font-size: 16px;}
a.topnav:hover { color: black;}

form {margin: 0; padding: 0;}
form div {margin: 0; padding: 0;}

.notifyBox { font-size: 14px; font-weight: bold;}

/* LEFT NAV */
.searchbox { border: 1px solid #999999; background-color: #cde785; }

.small { font-size: 8px;}
.normal { font-size: 10px;}
.medium { font-size: 12px; }
.bold { font-weight: bold; }
.goright { float:right; }
.goleft { float:left; }
.underline { text-decoration:underline; }
.point { cursor: pointer; }

/*http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearboth { clear:both;}
.row { width: 100%; }
.lblName { display:inline-block; width: 300px; border: 1px solid black;}

 .steps { border-bottom: 1px solid #76a7da;}
 .helptext { color: #666;}
 .links { color: #76a7da; text-decoration: none;}
 .linksdark { color: #00468c; text-decoration: none;}

 a.my_navlinks { color: white; text-decoration: none; font-weight: bold;}

 .boxbar_orange {
    background: #fff url(/includes/templates/diary/assets/images/boxbar_orange.jpg) no-repeat top left;
    color: white;
    width: 340px;
    border: 0px solid black;
    }
.boxbar_header_orange {
    border:0px solid red;
    color:white;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 10px;
}



.boxbar_blue {
    background: #fff url(/includes/templates/diary/assets/images/boxbar_blue.png) no-repeat top left;
    color: white;
    border: 0px solid black;
    margin: 0px;
    padding: 0px;
    }
.boxbar_header_blue { font-size:14px;margin-left:2px;margin-bottom:10px;border:0px solid red;font-weight:bold;color:white }

.testbox {
        width: "150px";
        min-height: 150;
        min-width: 150;
        border: 1px solid #9a9a9a;
        padding: 5;
        margin-top: 10;
        color: black;
        float: left;
        }


a.goal, a.goal link, a.goal alink { text-decoration: none;  color: #363636; }
a.goal:hover { text-decoration: underline;}
.goallist { list-style: decimal inside; margin: 0px; line-height: 1; }
.nomargins { margin: 0px; padding: 0px;}

/*.webify { text-align:justify; margin: 10px; } */
.webify { text-align:left; margin-left: 5px; }
.wider { margin-left: 10px; margin-right: 10px; padding:2px;}

.webBig { font-size: 16px;  font-weight:bold;}
a.webBig, a.webBig link, a.webBig alink { color: #00468c; }
a.webBig:hover { text-decoration: underline; }

.webBack { background-color: #C4E2F5; font-size: 14px; color:#00468c; font-spacing: 10px; line-height:20px; font-weight:bold;}
a.webBack, a.webBack link, a.webBack alink { color:  #222222; }
a.webBack:hover { text-decoration: underline; }

a.webColor { color: #00468c; font-size: 10px; }
a.webColor, a.webColor link, a.webColor alink { color: #363636; }
a.webColor:hover { text-decoration: underline; }

.lightblue { text-decoration: none;  color: #363636; font-size: 10px;}
a.lightblue, a.lightblue link, a.lightblue alink {   color: #363636; }
a.lightblue:hover { text-decoration: underline; }

div { color: black;}
div.surprise {
display: none;
margin-bottom: 5px;
}
p.ohmy{
padding:5px;
border:1px solid #acd373;
background-color:#fafff3;
margin-bottom: 10px;
}
.minibox { border: 1px solid #bdc7d8; background-color: white ; font-size:10px;}

.label_header {font-size: 15px; font-weight: bold;}
.white { color: white;}
.inl { display:inline; }
.privTop { width: 100px; color: #00468c; text-align:; font-size:12px;}
.priv { width: 100px; color: #00468c; text-align:center; font-size:12px;}
.gocenter { text-align:center;}

body {font-size: 12px;}

.right_panel { width: 350px; border:0px solid blue; padding:15px;}
.left_panel { width: 450px; border:1px solid red;}

.goalrow { }

.panelSuccess {background-color: #cde785; border-color: #999999; border-style: solid; border-width: 1px; width: 120px;  padding:3px; text-align:center;}

.panelHover {background-color: #ecf6fc; border-color: #999999; border-style: solid; border-width: 1px; width: 380px;  margin: 3px; padding:3px;}
.panelHighlight {background-color: #bcd4ec; border-color: #999999; cursor: pointer;}

.panelAddHover {background-color: white; }
.panelAddHighlight {background-color: #bcd4ec; cursor: pointer;}

.render { float:left; width: 300px;}
.render .name { float:left; width: 150px; border: 0px solid black; color: #00468c}

a, a link, a alink { text-decoration: none;  color: #3b5998;}

a hover { text-decoration: underline; }


.image { border: 1px solid black; }

 .calendarBox {
    background: transparent url(/assets/images/calendar_add.png) no-repeat top left;

    /*border: 0px solid black;*/
    }
 .under {
    /*text-decoration: underline;*/
    border-bottom: 1px solid #888888;
 }


.namelabel {
   color: black;
   width: 120px;
   height: 20px;
   position:relative;
   float:left;
   text-align:right;
   padding-right: 10px;
   vertical-align: bottom;
   clear:left;
}
.textBox {
   color: black;
   border: 1px solid #76a7da;
   font-size: 12px;
   padding: 2px;
   height: 22px;
}
.zipBox {
    border: 1px solid #76a7da;
}

.listbox {
    padding: 2px;
    font-size: 12px;
    border: 1px solid #76a7da;
}

fieldset { line-height: 2.5em; }

.directions { color: #999999; }

a.messagelist, , a.blog {
    color: #00468c !important;
    font-weight: normal;
}

.messageSubject a.messagelist:link  {
    color: #00468c !important;
    font-weight: normal;
    text-decoration:none
}

.messageSubject a.messagelist:visisted {
    color: #00468c !important;
    font-weight: normal;
    text-decoration:none
}
.messageSubject .messagelist:hover {
    text-decoration: underline;
}
.messageSubject a.messagelist:active {
    color: #00468c !important;
    font-weight: normal;
    text-decoration:none
}

.messageBody a.messagelist:visisted {
    color: #76a7da;
    font-weight: normal;
    text-decoration:none;
}
.messageBody a.messagelist:link {
    color: #76a7da;
    font-weight: normal;
    text-decoration:none;
}
.messageBody a.messagelist:vlink {
    color: #76a7da;
    font-weight: normal;
    text-decoration:none;
}

.messageBody a.messagelist:hover {
    text-decoration: underline;
}
.messageBody .messagelist:active {
    color: #76a7da;
    font-weight: normal;
    text-decoration:none;

}

a.messagelist:hover {
    text-decoration: underline;
}

.info {
    color: #888888;
    font-size: 10px;
}


.image {
    padding:2px;
    border: 1px solid #999999;
}
.imageOn {
    border: 5px solid red;
    padding:12px;
}

.albumName a:link {
    font-size: 14px;
    font-weight: bold;
    width: 200px;
}
.albumDesc {

}


/*http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clearright {
    clear: right;
}
.clearboth {
    clear: both;
}
.peoplPanelL {
    float:left;
}
.peoplPanelR {
    float:right;
    clear:both;
}

.motivateText {
    font-size: 16px;
}


.actionDisable {
    background-color: #dddddd;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    width: 170px;
    padding:5px;
    text-align: center;
    margin: 1px;
}
.actionHover {
    background-color: #ecf6fc;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    width: 170px;
    padding:5px;
    text-align: center;
    margin: 1px;
}
.actionHighlight {background-color: #bcd4ec; border-color: #999999; cursor: pointer;}

.goalHover {
    background-color: #ecf6fc;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    width: 300px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:10px;
    margin-top:2px;
    margin-bottom:2px;
}
.goalHighlight {background-color: #bcd4ec; border-color: #999999; cursor: pointer;}

.goalNewHover {
    background-color: #ecf6fc;
    border-color: #999999;
    border-style: solid;
    border-width: 0px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:10px;
}
.goalNewHighlight {background-color: #bcd4ec; border-color: #999999; cursor: pointer;}

.tinynamelabel {
   color: black;
   width: 110px;
   height: 20px;
   float:left;
   text-align:left;
   padding-right: 10px;
   padding-left: 10px;
   vertical-align: bottom;
   clear:left;
   border:0px solid red;
}

.smallnamelabel {
   color: black;
   width: 140px;
   height: 20px;
   position:relative;
   float:left;
   text-align:left;
   padding-right: 10px;
   padding-left: 10px;
   vertical-align: bottom;
   clear:left;
   border:0px solid red;
}

#feedreaders div, #feedreaders-plain div {
    font-family:verdana;
    font-size:80%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
#feedreaders div a, #feedreaders-plain div a {
    background:transparent url(/assets/images/rss/feed-icon-14x14.png) no-repeat scroll 0pt 3px;
    display:block;
    float:left;
    height:20px;
    line-height:20px;
    margin:0pt 10px 0pt 0pt;
    padding:0pt 0pt 0pt 20px;
}

#feedreaders div a.google, #feedreaders-plain div a.google {
    background:transparent url(/assets/images/rss/googleig_16x16.gif) no-repeat scroll 0pt 1px;
}
#feedreaders div a.yahoo, #feedreaders-plain div a.yahoo {
    background:transparent url(/assets/images/rss/myyahoo_16x16.gif) no-repeat scroll 0pt 1px;
}
#feedreaders div a.bloglines, #feedreaders-plain div a.bloglines {
    background:transparent url(/assets/images/rss/bloglines_16x16.gif) no-repeat scroll 0pt 1px;
}
#feedreaders div a.newsgator, #feedreaders-plain div a.newsgator {
    background:transparent url(/assets/images/rss/newsgator_16x16.gif) no-repeat scroll 0pt 1px;
}
#feedreaders div a.msn, #feedreaders-plain div a.msn {
    background:transparent url(/assets/images/rss/mymsn_16x16.gif) no-repeat scroll 0pt 1px;
}

.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}



.star {
    background: #fff url(/assets/images/star3d_off-sm.png) no-repeat top left;
    width: 50px;
    height: 50px;
    float:left;
    cursor:pointer;
 }
.star_on {
    background: #fff url(/assets/images/star3d-sm.png) no-repeat top left;
    width: 50px;
    height: 50px;
    float:left;
    cursor:pointer;
}