﻿/* needed for framework file*/
.litTempWebBlogBody{
	background-color: #ffffff; 
	background-image: url(../images/blogbody.gif); 
	background-repeat: repeat-y; 
	background-position:center; 
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
	height: 100%; 
	min-height: 100%; 
	border-top:1px solid white;/*bugfix for Opera*/
}

.litTempWebBlogContent{
	height: auto; 
	width: 726px; 
	margin:auto; 
	padding:0px;  
	text-align:left; 
	padding-left:0px; 
	padding-right:0px; 
	padding-top:20px;
}

#litBlogMainArea{
	float:right; 
	width:500px;
	padding-right:15px;	
}

#litBlogSideArea{
	float:left; 
	width:200px;
}
#litBlogSideArea * 
{	list-style-type:none;}

/* Blog box is only shown for owners that can edit and add */
#litBlogBoxTop{
	padding-top:10px; 
	padding-bottom:10px; 
	padding-left:50px; 
	height:30px; 
	background:url(../Images/blogboxtop.gif) top left no-repeat;}
	
#litBlogBoxTopSettings{
	padding-top:10px; 
	padding-bottom:10px; 
	padding-left:50px; 
	height:30px; 
	background:url(../Images/blogboxtopclean.gif) top left no-repeat;}	
	
	
#litBlogBox, #litBlogBoxSettings{
	width:500px; 
	margin-left:0px; 
	background:url(../Images/blogboxbg.gif) bottom right no-repeat;
	padding: 0px 0px 0px 0px;
	margin:10px 0px 30px 0px;
	position:relative;
}	

#litBlogBoxTextBox{
	margin:5px 0px 10px 0px;
}

#litBlogBoxInner, #litBlogBoxInnerSettings{
	margin:10px 5px 10px 10px;
}

.litBlogButton{
	vertical-align:middle;
	padding-left:5px;
}

#litBlogBoxButtonArea{
	margin:0px 7px 0px 0px;
	float:right;
}

#litBlogBoxButtonArea input{
	margin:0px 5px 0px 0px;
	
}
.litBlogOkMessage{
	color:Green;
	font-weight:bold;
}
.litBlogBoxDelayedPublishArea{
	margin:10px 0px 0px 0px;
	width:200px;
	z-index:100;
	position:absolute;
}


.litBlogPostActionButtons{
	float:right;
}

.litBlogTagDropDown{
	background-color:Gray;
}

#litBlogTagArea{
	padding:10px 0px 10px 0px;
}


#litBlogTagArea input{
	margin:0px 5px 0px 0px;
}

#litBlogTagAreaLeft{
	float:left; 
	width:250px;
}

#litBlogTagAreaLeft input, #litBlogTagAreaLeft table{
	float:left;
}

#litBlogTagAreaRight{
	float:left; 
	width:200px;
	margin-bottom:5px;
}

#litBlogTagAreaRight ul{
	list-style-type:none;
	margin-left:0px;
}
#litBlogTagAreaRight li{
	margin:3px 0px 3px 0px;
}
#litBlogTagAreaRight ul li input{
	vertical-align:middle;
}

.litBlogTagListLeft input{
	vertical-align:middle;
}
.litBlogPostDelayedPublishArea{
  border: 1px solid #A6A7AA; 
  background-color: white;
  padding:5px;
  margin: 5px 0px 10px 5px;
  width:180px;
  position:absolute;
  top:40px;
  right:0px;
  z-index:100000;

}
.litBlogPostDelayedPublishAreaAdmin{
  border: 1px solid #A6A7AA; 
  background-color: white;
  padding:5px;
  margin: 5px 0px 10px 5px;
  width:180px;
  position:absolute;
  top:25px;
  right:0px;
}
.litBlogTagComboBox{
  border: 1px solid #A6A7AA; 
  background-color: white; 
}

.litBlogTagComboBoxHover
{ 
  border: 1px solid #555555; 
  background-color: white; 
}

.litBlogTagComboBoxArea{
  border: 1px solid #868686; 
  background-color: white; 
  padding: 1px;
  padding-right: 0px;
  cursor: default;
}

.litBlogTagComboBoxTextBox
{
  border: 0px;
  padding-left: 2px;
  padding-right: 2px;
}

.litBlogTagComboBoxItem
{
  font-family: Verdana; 
  font-size: 11px; 
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  width:140px;  
}

.litBlogTagComboBoxItemHover
{
  background-color: #B2B4BF; 
  background-image: url(../images/blogDropDownItemBg.gif);
  font-family: Verdana; 
  font-size: 11px; 
  border: 1px solid #DBCE99;
  padding: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
  width:140px;
}


/** Comments **/
#litBlogCommentsTop{
	padding-left:50px; 
	padding-top:10px; 
	padding-bottom:10px; 
	height:30px; 
	background:url(../Images/commentboxtop.gif) top left no-repeat;}

#litBlogCommentsTopLeft	{
	float:left;
}

#litBlogCommentsTopRight	{
	text-align:right;
	margin-right:10px;
}
	
#litBlogCommentsBox{
	width:500px; 
	margin-left:0px; 
	background:url(../Images/commentboxbg.gif) bottom right no-repeat;
	padding: 0px 0px 0px 0px;
	margin:10px 0px 30px 0px;
}

#litBlogCommentsInner{
	margin:10px 5px 10px 10px;
}

#litBlogCommentsInner input, #litBlogCommentsInner textarea{
	margin:3px 0px 3px 0px;
}

.litBlogCommentsAreaLeft{
	width:auto;
	float:left;
}
.ActionButton{
	padding-right:2px;
}

.litBlogCommentsAreaRight
{
	width:100;	
	float:left;	
	vertical-align:middle;
}
#litBlogCommentsList{

}
#litBlogComments{
	width:500px;
}
.litBlogCommentsListHeaderLeft{
	float:left
}
.litBlogCommentsListHeaderRight{
	float:right
}
.litBlogCommentsListArea{
	margin-bottom:10px;
	padding:5px;
}
.litBlogCommentsListAreaAlt{
	background-color:#f1f1f1;
	border-bottom:solid 1px #bababa;
	border-top:solid 1px #bababa;
	margin-bottom:10px;
	padding:10px 5px 10px 5px;	
}

.litBlogSeparator{
	margin:5px 0px 5px 0px;
}

/***************** CALENDAR ***************************************************/
.litCalendar{
    border-style:solid;
    border-width:1px;
    border-color:#7F9DB9;
    border-collapse:collapse;
    background-color:#EFF5F9;
    cursor:default;
}
.litCalendar td{
    font-size:11px;
}
.litCalendarTitle{
    font-weight:bold;
    background-image:url(../Images/calendar/cal_titleBg.gif);
    background-repeat:repeat-x;
    border-bottom:1px solid #7F9DB9;
}
.litCalendarDay{
    padding:5px;
    padding-top:2px;
    padding-bottom:2px;
    cursor:pointer;
    text-align:center;
    border-width:1px;
    border-color:#FFFFFF;
    border-style:solid;
}
.litCalendarDayHeader{
    padding:5px;
    padding-top:2px;
    padding-bottom:2px;
    text-align:center;
    font-weight:bold;
    background-color:#EFF5F9;
}
.litCalendarDayHover{
    padding:5px;
    padding-top:2px;
    padding-bottom:2px;
    cursor:pointer;
    text-align:center;
    border-width:1px;
    border-color:#7F9DB9 !important;
    border-style:solid;
    background-image:url(../Images/calendar/cal_dayOverBg.gif);
    background-repeat:repeat-x;
}
.litCalendarToday
{
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    text-align: center;
    border-width:1px;
    border-color:#7F9DB9 !important;
    border-style:solid;
}
.litCalendarMonth{
    background-color:#FFFFFF;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
    margin-top:0px;
}
.litCalendarNextPrev{
    cursor:pointer;
    height:25px;
    vertical-align: middle;
    padding:0px 5px 0px 5px;
}
.litCalendarOtherMonthDay{
    color:#999999;
}
.litCalendarSelectedDay{
    padding:5px;
    padding-top:2px;
    padding-bottom:2px;
    color:#000000;
    border-width:1px;
    border-color:#7F9DB9 !important;
    border-style:solid;
    font-weight:bold;
    background-image:url(../Images/calendar/cal_daySelectedBg.gif);
    background-repeat:repeat-x;
}
.litCalendarSelector{
    width:14px;
    cursor:pointer;
    text-align:left;
    vertical-align: middle;
    background-color:#EFF5F9;
}
.litCalendarButton{
    border:none;
    cursor:pointer;
}
.litCalendarPicker{
    background-color: #FFFFFF;
    border: 1px #7F9DB9 solid;
    padding: 2px;
    cursor: pointer;
}
.litCalendarOutOfRangeDay{
    visibility:hidden;
}