﻿/*global*/
p.MsoNormal
{
margin-bottom:.0001pt;
font-size:14.0pt;
font-family:"Times New Roman","serif";
width: 600px;
margin-left: 0cm;
margin-right: 0cm;
margin-top: 0cm;
}
.style1
{
    height: 43px;
}
*{margin:0;padding:0;font-size:1em}
.clear{clear:both;height:1px;visibility:hidden;margin-bottom:-1px}
.none{display:none}
.notop{margin-top:0 !important}
/*.nobot{margin-bottom:0 !important}*/
a{color:#d45027}
a:hover{color:#036eab}
/*.astrong{color:#f60;text-decoration:none;font-weight:bold}.astrong em{font-style:normal;font-weight:normal;font-family:arial,sans-serif;font-size:1.1em;color:#c30}*/
img{border:0}
hr(
{
	color: #dcdcdc;
	position: relative;	
}
p,ul{margin-top:1.2em}
ul{list-style:none}
/*.ar{text-align:right}*/
fieldset{border:0}
/*table{font-family:tahoma,arial,verdana,sans-serif;font-size:1em;border:0;border-collapse:collapse}
th,td{text-align:left;vertical-align:top}*/
input,select,textarea{font-family:tahoma,arial,verdana,sans-serif;font-size:1em}
/*h1,h2{color:#000}*/
/*.smaller{font-size:0.9em}*/
#sfdemoblog_wrp #main ul li {
	margin: 0 0 0 20px;
	list-style-type: disc;
}
#sfdemoblog_wrp #main ol li {
	margin: 0 0 0 20px;
	list-style-type: decimal;
}
body{margin:7px 0 22px;font-family:tahoma,arial,verdana,sans-serif;font-size:62.5%;color:#333;background:url(img/blogBodyBack.jpg) 0 0 repeat-x #fff;text-align:center;line-height:1.8em}

/*base layout*/
#sfdemoblog_wrp{width:800px;margin:0 auto;background:url(img/blogWrpBack.gif) 0 0 repeat-y;font-size:1.1em}
#sfdemoblog_wrp:after{content:".";display:block;clear:both;height:0;visibility:hidden}
#header{background:url(img/blogWrpHead.jpg) 0 0 no-repeat;padding:13px 0 0}
#cnt{margin:0 /*13px*/ 0;text-align:left}
#main,#right, #main2 {position:relative}
#main{float:left;width:92%;left:25px}
#main2{float:left;width:427px;left:20px}
#right{float:right;width:170px;right:20px}
#blogBottom{clear:both;height:5em;background:url(img/blogWrpBottom.gif) 0 100% no-repeat; text-align:center;}

/*header*/
#logo{width:640px;height:130px;margin:0 auto;background:url(img/blogHead.png) 0 0 no-repeat}
#logo a{display:block;height:130px;text-decoration:none;background:url(img/blogTitle.gif) 26px 46px no-repeat;text-indent:-9999px;font-size:1px;overflow:hidden}
#subhead{border-bottom:1px solid #ccc;margin:0 15px;padding:0 10px;line-height:2.4em;font-weight:bold;font-size:0.9em}
#subhead a{color:#036eab;text-decoration:none}
#subhead a:hover{color:#d45027;text-decoration:none}

/*right*/
#right h3{margin-top:1.5em;font:normal 1.8em/1.2em georgia,arial,sans-serif;color:#333}
#right ul{margin-top:1.4em;border-top:1px solid #e3e3e3;}
#right li{border-bottom:1px solid #e3e3e3;padding-left:25px;background:url(img/blogList.gif) 8px 0.9em no-repeat;line-height:2.2em;_height:1%}
#right li a{margin-right:4px;text-decoration:none;color:#036eab;}
#right li a:hover{color:#d45027}

.prevPost{border-right:1px solid #333;padding-right:10px;margin-right:5px;background:url(img/prev.gif) center left no-repeat;padding-left:15px;}
.allPosts{font-weight:bold}
.nextPost{border-left:1px solid #333;padding-left:10px;margin-left:5px;background:url(img/next.gif) center right no-repeat;padding-right:15px;}
.postsNavigation {margin-top:10px}

/*blog posts*/
.post{margin-top:2.4em}
.postTitle{font:normal 2.2em/1.2em georgia,arial,sans-serif}
.postTitle a{text-decoration:none}
.postTitle a:hover{color:#d45027}
.postDate{margin-top:1em}
.postContent{}
.postGet,.entryFoot{color:#fff}
.postGet{margin-top:1em}
.diggit{padding-left:20px;background:url(img/blogDiggit.gif) 0 0 no-repeat}
.delicious,.delicous{margin-left:10px;padding-left:18px;background:url(img/blogDelicious.gif) 0 0 no-repeat}
p.more{margin:5px 0 10px 0}
.postFoot{clear:left}
.postFoot a.postComments{padding:0 0 5px 20px;background:url(img/blogComments.gif) 0 0 no-repeat;}
.postFoot span{margin-left:10px;color:#000}
.postComments{margin-top:40px}
.postComments h3{margin-top:1.5em;padding-left:20px;background:url(img/blogComments.gif) 0 0.2em no-repeat;color:#333;text-transform:uppercase}
.postComments h3 a{color:#333}
.postComments .commentAuthor{margin-top:1.6em;color:#360}
.postComments .commentAuthor a{text-transform:none}
.postComments .commentDate{font-weight:bold}
.postComments p{margin-top:0}
p.commentMessage{background:#690;color:#fff;padding:3px 10px;margin:20px 0}

/*comments form*/
#sfdemoblog_wrp #main .postComments ol{list-style:none}
.postComments fieldset h3{text-transform:uppercase}
.postComments fieldset{display:block;width:400px;margin-top:1em;padding:1.8em 1em 1em;border:1px solid #e2e2c6;background:#ededdb}
#sfdemoblog_wrp #main .postComments fieldset li{margin: 0; list-style-type: none; clear:both;width:400px;padding-bottom:0.4em}
.postComments fieldset li:after{content:".";display:block;clear:both;height:3px;visibility:hidden}
.postComments fieldset label, .postComments fieldset span {float:left;width:60px;padding-right:10px;text-align:right;line-height:1.8em}
.postComments fieldset input{float:left;width:200px;height:20px}
.postComments fieldset textarea{float:left;width:320px;height:150px}
.postComments fieldset input.commentsButton{display:block;margin:0.4em 0 0 70px;width:120px;height:auto;font-weight:bold}
.postComments fieldset span.commentsValidator{margin-left:70px;color:red;font-weight:bold;width:320px;text-align:left}

/*RSS*/
.feed{background: url(img/feed.gif) 0 5px no-repeat;padding:3px 0 5px 20px;margin-top:15px;border-top:#e3e3e3 solid 1px;border-bottom:#e3e3e3 solid 1px; display: block;}

/* Categories, Tags, Archive */
ul.tagCloud {
	margin: 0;
	padding: 0;
	border: 0;
}
ul.tagCloud li {
	margin: 0;
	padding: 0 20px 0 0;
	background: none;
	border-bottom: 0;
	padding: 0;
	display: inline;
	line-height: 36px;
}
ul.tagCloud li a:link, ul.tagCloud li a:visited, ul.tagCloud li a:hover, ul.tagCloud li a:active {
	padding: 0 10px 0 0;
}
ul.tagCloud li a.s6:link, ul.tagCloud li a.s6:visited, ul.tagCloud li a.s6:hover, ul.tagCloud li a.s6:active {
	font-size: 9px;
}
ul.tagCloud li a.s5:link, ul.tagCloud li a.s5:visited, ul.tagCloud li a.s5:hover, ul.tagCloud li a.s5:active {
	font-size: 12px;
}
ul.tagCloud li a.s4:link, ul.tagCloud li a.s4:visited, ul.tagCloud li a.s4:hover, ul.tagCloud li a.s4:active {
	font-size: 16px;
}
ul.tagCloud li a.s3:link, ul.tagCloud li a.s3:visited, ul.tagCloud li a.s3:hover, ul.tagCloud li a.s3:active {
	font-size: 21px;
}
ul.tagCloud li a.s2:link, ul.tagCloud li a.s2:visited, ul.tagCloud li a.s2:hover, ul.tagCloud li a.s2:active {
	font-size: 29px;
}
ul.tagCloud li a.s1:link, ul.tagCloud li a.s1:visited, ul.tagCloud li a.s1:hover, ul.tagCloud li a.s1:active {
	font-size: 36px;
}
h1.categorizedAs {
	margin: 20px 0 0;
	font-size: 2.5em;
	font-family: georgia,arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
}
dl.taggedWithList {
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
}
dl.taggedWithList dt, dl.taggedWithList dd {
	margin: 0;
	padding: 0 5px 0 0;
	display: inline;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.unwatermarked {
	
}

.watermarked {
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}

.validatorCalloutHighlight
{
	background-color: #fffacd;
	border:1px solid #BEBEBE;
}

/*Modal Popup*/
.modalBackground
{
	background-color: #808080;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #f8f8ff;
	padding: 3px;
	width: 550px;
	border-right: #808080 3px solid;
	border-top: #808080 3px solid;
	border-left: #808080 3px solid;
	border-bottom: #808080 3px solid;
}

/* Component Styles
-------------------------------------------*/
.gGridView
{
	background-color:#fff;
	font-size:100%;	
	text-align: left;
}
.gDataGridAlternate
{
	background-color: #ffcc99;
	text-align: left;
}

.gDataGridAlternate a
{
	color: #5377A9;	
	font-weight:bold;
}

.gDataGridHeader
{
	background-color: #4682b4;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.gDataGridHeader a
{
	color:#fff;	
}
.gDataGridFooter
{
	font-size:115%;	
	text-align:left;
}

.gDataGridRow
{
	text-align: left;
	color: #006699;
}

.gDataGridRow a 
{
	color: #5377A9;	
	font-weight:bold;
}

/*TABS*/
#tabnavcontainer{clear:both;margin:0;padding:0;text-align:left;}
.tabnav{float:left;width:100%; border-bottom:4px solid #99908C; text-align: left;}
.tabnav a {float:left; background:url(img/tab_left.gif) no-repeat left top; margin:0; padding:5px 15px 3px 6px; text-decoration:none;}
.tabnav a:hover{float:left;display:block;background:url(img/tab_righ.gif) no-repeat right top; padding:5px 15px 3px 6px; color:#000; }

.loadingcontrol 
{
	padding-left:5px; 
	padding-bottom:5px; 
	padding-top:5px; 	
	border:1px solid #BEBEBE; 
	background:#fffacd;
}

.MyCalendar .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: #fdf5e6;
	color: #696969;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
    font-weight:bold;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}
