body 
{
    margin:0px;
	overflow:auto;
}

/* Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* End Reset */

body
{
    font-size: 10pt;
    font-family:Sans-Serif Tahoma Verdana;
    line-height:150%;
}

div
{
    font-size: 10pt;
    font-family:Sans-Serif Tahoma Verdana;
    line-height:150%;
}

table
{
    font-size: 10pt;
    font-family:Sans-Serif Tahoma Verdana;
    line-height:150%;
}

A
{
	color: #000099;
	text-decoration: underline;
}

A:hover {
	text-decoration: underline;
	color: #e05252;
}

A.newclass:link
{
	color: #000099;
	font-weight:bold;
	font-size: 9pt;
	text-decoration: underline;
}

A.newclass:visited
{
	color: #000099;
	text-decoration: underline;
}

A.newclass:hover {
	text-decoration: underline;
	color: #e05252;
}

TEXTAREA {
	BORDER-BOTTOM: #bfc6c7 1px solid; BORDER-LEFT: #bfc6c7 1px solid; COLOR: #687275; BORDER-TOP: #bfc6c7 1px solid; BORDER-RIGHT: #bfc6c7 1px solid;
}

input[type='text'] { BORDER-BOTTOM: #bfc6c7 1px solid; BORDER-LEFT: #bfc6c7 1px solid; COLOR: #687275; BORDER-TOP: #bfc6c7 1px solid; BORDER-RIGHT: #bfc6c7 1px solid; height: 18px; }

input[type='password'] { BORDER-BOTTOM: #bfc6c7 1px solid; BORDER-LEFT: #bfc6c7 1px solid; COLOR: #687275; BORDER-TOP: #bfc6c7 1px solid; BORDER-RIGHT: #bfc6c7 1px solid; height: 18px; }
SELECT {
	BORDER-BOTTOM: #bfc6c7 1px solid; BORDER-LEFT: #bfc6c7 1px solid; COLOR: #687275; BORDER-TOP: #bfc6c7 1px solid; BORDER-RIGHT: #bfc6c7 1px solid;  height: 20px;
}

.saleoldprice {
	color:Red;
	text-decoration:line-through;
}

.ShareRemove  {
    display: none;
    font-weight: bold;
}

.menubar
{
    background-color: #996699;
    cursor: move;
}

.menulistitems
{
    line-height: 150%;
}

.ziwei_layout td {
  font-size: 8pt;
}

.ziwei_layout .bottomtd 
{
    width:28px;
}

.ziwei_layout .bottomtdw 
{
    width:30px;
}

.parentCl
{
    padding-top: 3px;
    padding-bottom: 3px;
}

.parentCl a
{
    text-decoration: none;
}

.childCl
{
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 20px;
}

.childCl a
{
    text-decoration: none;
}

.bar {
  background-color: #f3f3f3;
  color: #ffffff;
  cursor: move;
  font-weight: bold;
  padding: 2px 1em 2px 1em;
}

/* comments */

.commentsColumn1 {
	width: 110px;
	height: auto !important; 
	height: 100%;
	vertical-align:top;
	display: inline-block;
}

.commentsColumn2 {
	width: 520px;
	height: auto !important;
	height: 100%;
	vertical-align:top;
	display: inline-block;
}

.commentsColumn3 {
	width: 360px;
	height: auto !important;
	height: 100%;
	vertical-align:top;
	display: inline-block;
}

.lalaColumn1 {
	width: 140px;
	height: auto !important; 
	height: 100%;
	vertical-align:top;
	display: inline-block;
}

.lalaColumn2 {
	width: 200px;
	height: auto !important;
	height: 100%;
	vertical-align:top;
	display: inline-block;
}

.galNumbers {
  text-align: center;
  padding:3px;
}

.galNumberSelected {
  text-align: center;
  padding:3px;
  color: Red;
}

/* Small Calendar */
.cal_layout {
  background-color: #ffffff;
}
.cal_layout td {
  background-color: #eeeeee;
  text-align: center;
  padding:3px;
  border: 0.01em outset #4A4F45;
}

.cal_layout span {
  font-size: 6pt;
}
/* Current date */
.cal_layout .curr { background-color: Red;}
/* Selected date */
.cal_layout .sel { background-color: #ffff66;}

/* Weekend  */
.cal_layout .weekend { background-color: #ccc;}

/* Cell link */
.cal_layout td a {text-decoration: none; color: #2F2F2F;}

/* Cell link hover */
.cal_layout td:hover {background-color: #aaccee;}

/* Name of the selected month (at the top) */
.monthName {margin: 2px; text-align: center; font-size: 11px;}

/* Next-Prev arrows */
.monthName a {color: #111111; text-decoration:none; }
.cal_next {float:right;}
.cal_prev {float:left;}

.cal_layout pre {background-color: #eeeeee; font-size:12px;}

/* End Small Calendar */


/* Colors */
.color1 {background: url(images/userstyles/1.gif) repeat-x;}
.color2    {background: url(images/userstyles/2.gif) repeat-x;}
.color3   {background: url(images/userstyles/3.gif) repeat-x;}
.color4  {background: url(images/userstyles/4.gif) repeat-x;}
.color5 {background: url(images/userstyles/5.gif) repeat-x;}
.color6  {background: url(images/userstyles/6.gif) repeat-x;}
.color7  {background: url(images/userstyles/7.gif) repeat-x;}
.color8  {background: url(images/userstyles/8.gif) repeat-x;}
.color9  {background: url(images/userstyles/bg_header_1.png) repeat-x;}
.color10  {background: url(images/userstyles/bg_header_2.png) repeat-x;}
.color11  {background: url(images/userstyles/bg_header_3.png) repeat-x;}
.color12  {background: url(images/userstyles/bg_header_4.png) repeat-x;}
.color13  {background: url(images/userstyles/bg_header_5.png) repeat-x;}
.color14  {background: url(images/userstyles/bg_header_6.png) repeat-x;}
.color15  {background: url(images/userstyles/bg_header_7.png) repeat-x;}
.color16  {background: url(images/userstyles/bg_header_8.png) repeat-x;}
.color17  {background: url(images/userstyles/bg_header_9.png) repeat-x;}
.color18  {background: url(images/userstyles/bg_header_10.png) repeat-x;}
.color19  {background: url(images/userstyles/bg_header_11.png) repeat-x;}
.color1 h3,
.color2 h3,
.color3 h3,
.color4 h3,
.color6 h3
	{color:#000;}

.color5 h3,
.color8 h3,
.color13 h3,
.color15 h3,
.color16 h3,
.color17 h3,
.color18 h3,
.color19 h3
	{color:#FFF;}
/* End Colors */

.minHeightContent
{
    min-height: 480px;
	height: auto !important; 
	height: 480px;
}

/* single columns */

#columnsingle .column {
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px;
		width:100%;
}

#columnsingle .widget {
    margin: 8px 5px 0 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#columnsingle .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 20px;
    line-height: 20px;
}
#columnsingle .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
}

#columnsingle .widget .widget-head a 
{
    color:inherit;
}

#columnsingle .widget .widget-content 
{
    background-color: #f3f3f3;
    padding: 0 4px;
    border-style: solid;
    border-color: #cccccc;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
}

/* two columns */

#columnstwo .column {
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px;
}

#columnstwo .columnshort {
    float: left;
    width: 190px;
}

#columnstwo .columnlong {
    float: left;
    width: 708px;
}

	
#columnstwo #column1 .widget { margin: 8px 7px 0 5px; }
#columnstwo .widget {
    margin: 8px 5px 0 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#columnstwo .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 20px;
    line-height: 20px;
}
#columnstwo .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
}

#columnstwo .widget .widget-head a 
{
    color:inherit;
}

#columnstwo .widget .widget-content 
{
    background-color: #f3f3f3;
    padding: 0 4px;
    border-style: solid;
    border-color: #cccccc;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
}

#columnstwo .widget .widget-content p {
    line-height: 140%;
}

#columnstwo .widget .widget-content div {
    line-height: 140%;
}

#columnstwo .widget .widget-content td {
    line-height: 140%;
}

/* end two columns */

/* columns */

#columns .column {
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px;
}

#columns .columnshort {
    float: left;
    width: 190px;
}

#columns .columnlong {
    float: left;
    width: 517px;
}

/* Column dividers (background-images) : */

	
#columns #column1 .widget { margin: 8px 7px 0 5px; }
#columns #column3 .widget { margin: 8px 5px 0 7px; }
#columns .widget {
    margin: 8px 5px 0 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 20px;
    line-height: 20px;
}
#columns .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
}
#columns .widget .widget-head a 
{
    color:inherit;
}
#columns .widget .widget-content 
{
    background-color: #f3f3f3;
    padding: 0 4px;
    border-style: solid;
    border-color: #cccccc;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
}

#columns .widget .widget-content p {
    line-height: 140%;
}

#columns .widget .widget-content div {
    line-height: 140%;
}

#columns .widget .widget-content td {
    line-height: 140%;
}

/*
#columns .widget .widget-content p {
    padding: 0.8em 0;
}

#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}

#columns .widget .widget-content ul li {padding: 3px 0;}
*/


/* end columns */

.widget-head a.remove  {
    float: right;
    display: inline;
    background: url(images/userstyles/buttons.gif) no-repeat -24px 0;
    width: 14px;
    height: 14px;
    margin: 5px 4px 8px 0;
    text-indent: -9999em;
    outline: none;
}

/*
original
.widget-head a.edit  {
    float: right;
    display: inline;
    background: url(images/userstyles/buttons.gif) no-repeat;
    width: 24px;
    height: 14px;
    text-indent: -9999em;
    margin: 5px 4px 8px 4px;
    outline: none;
}
*/

.widget-head a.edit  {
    float: right;
    display: inline;
    background: url(images/userstyles/buttons.gif) no-repeat -38px 0;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    margin: 5px 4px 8px 4px;
    outline: none;
}

.widget-head a.collapse  {
    float: left;
    display: inline;
    background: url(images/userstyles/buttons.gif) no-repeat -52px 0;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    margin: 5px 0 8px 4px;
    outline: none;
}

.widget-placeholder { border: 2px dashed #999;}
#column1 .widget-placeholder { margin: 30px 35px 0 25px; }
#column2 .widget-placeholder { margin: 30px 20px 0 20px; }
#column3 .widget-placeholder { margin: 30px 25px 0 35px; }

.colorbox {
    overflow: hidden;
    background: #f3f3f3;
    margin-bottom: 2px;
    padding: 5px 0;
}

.colorbox li.item {
    padding: 5px 0;
    overflow: hidden;
    float: left;
    width: 100%;
    clear: both;
}

.colorbox ul.colors li {
    width: 20px;
    height: 20px;
    border: 1px solid #EEE;
    float: left;
    display: inline;
    margin: 0 5px 0 0;
    cursor: pointer;
}



.edit-box {
    overflow: hidden;
    background: #cccccc;
    margin-bottom: 2px;
    padding: 5px 0;
}

.edit-box li.item {
    padding: 5px 0;
    overflow: hidden;
    float: left;
    width: 100%;
    clear: both;
}


.edit-box label {
    float: left;
    color: #000;
}

.edit-box ul.colors li {
    width: 20px;
    height: 20px;
    border: 1px solid #EEE;
    float: left;
    display: inline;
    margin: 0 5px 0 0;
    cursor: pointer;
}

.divtypical {
	height: auto !important; 
	height: 400px;
	vertical-align:top;
}

.selectedmenuitem 
{
    color: Red;
}

/* User Default page layout */
#fullpagelayout
{
	margin: 5px auto 5px auto;
	width: 900px;
}

#master_top
{
	width: 100%;
	background: url(images/backtopline.gif) repeat left top;
}

#master_header
{
	width: 100%;
	background-image: url(images/back_corner.gif);
	background-repeat: repeat-x;
	height:48px;
	padding-top:3px;
	padding-bottom:10px;
}

.ReturnMessage{
	color:Red;
	FONT-WEIGHT: bold;
}

.MainTextStyleLarge{
	font-size: 11pt;
	color: #333333;
	FONT-WEIGHT: bold;
}

.MainTextStyleSmall
{
	font-size: 7pt;
	color: #333333;
}

.MainTextStyleBoldSmall
{
	font-size: 7pt;
	color: #333333;
	FONT-WEIGHT: bold;
}

.MainTextKey
{
	font-size: 9pt;
	color: #000099;
}

.SearchTitle{
	font-size: 11pt;
	color: #000099;
}

.HundrendPercent
{
	width: 100%;
}

.roundTitleBar
{
    font-weight:bold;
    text-align:center;
    background-image: url(images/bg-menu.gif);
	background-repeat: repeat-x;
	height: 16px;
}

.MenuBackground
{
    background:url(images/bg-menu.gif) repeat-x;
    margin:0 0px 0px 0;
    height:1px;
}

.LinkNoUnderLine
{
	color: #000099;
	text-decoration: none;
}

.LinkNoUnderLineWhite
{
	color: #fff;
	text-decoration: none;
}

.LeftMenuTop
{
    background-image:url(images/backtopline.gif);
    line-height: 18px;
    text-indent: 10px;
    font-weight: bold;
    color: #000000;
}

.LeftMenuSection {
    background-color: #f3f3f3;
    padding: 6px 12px;
}

.LeftMenuOuter {
    background-color: #f3f3f3;
    padding: 0px 0px;
}

.FullHeight
{
    height: 100%;
}

.HrSeperator 
{
    border: 0;
    height: 1px;
    background-color: #ccc;
    width: 100%;
}

.HrSeperatorBlue 
{
    border: 0;
    height: 1px;
    background-color: #000099;
    width: 100%;
}

.LayoutTableStyle
{
    background-color: #ffffff;
    margin-left:5px;
    width: 100%;
}

.PagerCurrent
{
    background:#ffff66;
    color:#3399cc;
    font-weight: bold;
    padding-left: 5px;
    padding-right:5px;
    margin-right: 1px;
    border: solid 1px #ccc;
    text-decoration: none;
}

.PagerLink
{
    background:#f3f3f3;
    color:#3399cc;
    font-weight: bold;
    padding-left: 5px;
    padding-right:5px;
    margin-right: 1px;
    border: solid 1px #ccc;
    text-decoration: none;
}

.searchUserTD1
{
    border-bottom: solid 1px #ccc;
    padding-bottom: 5px;
    vertical-align: top;
    width: 100px;
    text-align: center;
}

.searchUserTD2
{
    border-bottom: solid 1px #ccc;
    padding-bottom: 5px;
    vertical-align: top;
}

.searchUserTD3
{
    border-bottom: solid 1px #ccc;
    padding-bottom: 5px;
    vertical-align: top;
}

table#mainpagetable, table#mainpagetable td{
   border-top: 1px solid white;
   border-left: 1px solid white;
   border-bottom: 1px solid white;
   border-right: 1px solid white;
}

.popupWindow
{
	position:absolute;
    width:400px;
    height:300px;
    border: solid 1px black;
    margin: 0px 0px 0px 20px;
    background-color:white;
    display:none;
    z-index:1000;
}

.popupWindowAddress
{
	position:absolute;
    width:500px;
    border: solid 1px black;
    margin: 0px 0px 0px 20px;
    background-color:white;
    display:none;
    z-index:1000;
}

.popupCal
{
	position:absolute;
    width:168px;
    border: solid 1px black;
    margin: 0px 0px 0px 20px;
    background-color:white;
    display:none;
    z-index:1000;
}

.master_left
{
	padding-top:5px;
	width: 630px;
}

.master_right
{
	padding-top:5px;
	padding-left:5px;
	width: 260px;
}

.photoContainer
{
	border-right: #262626 thin solid;
	border-top: #262626 thin solid;
	vertical-align: middle;
	border-left: #262626 thin solid;
	border-bottom: #262626 thin solid;
	text-align: center;
	background-color: white;
	cursor: pointer;
}

.countertext
{
	background-color:Black;
	color:White;
	font-weight:bold;
}

.MainDivBox
{
    background: #f3f3f3; padding: 2px 2px 5px 2px; border:2px solid #E6E6E6;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* This section for cornered boxes*/
div#userrelatedlinks{width: 230px;padding: 10px;margin:0 auto; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000}

ul#mainmenu,ul#mainmenu li{margin:0;padding:0;list-style:none}
ul#mainmenu li{width: 170px;padding: 10px;margin:0 0 10px 0; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000;}

ul#homepagebox,ul#homepagebox li{margin:0;padding:0;list-style:none}
ul#homepagebox li{width: 96%;padding: 10px;margin:0 0 10px 0; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000;}

ul#boxsplit{margin:0;padding:0;list-style:none}
ul#boxsplit h3{font: normal 100%/1.3; margin:0px;padding: 2px 10px 2px;text-align:left;color: #000}
li#one{padding:0;list-style:none;width:670px;margin:0 0 10px 0}
li#one h3{background: #BFDDED;width:650px;}
div#yi{background: #f3f3f3; padding: 2px 2px 5px 2px; border:2px solid #BFDDED;}
li#two{padding:0;list-style:none;width:670px;margin:0 0 10px 0}
li#two h3{background: #E6E6E6;width:650px;}
div#er{background: #f3f3f3; padding: 2px 2px 5px 2px; border:2px solid #E6E6E6}
li#mainlayoutli h3{background: #E6E6E6;width:auto; font-weight:bold; white-space:nowrap;}
div#mainlayoutdiv{background: #f3f3f3; padding: 2px 2px 5px 2px; border:2px solid #E6E6E6}

/* user default page */
div#userlarge1{width: 97%;padding: 10px;margin:0 auto; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000}
div#userlarge2{width: 97%;padding: 10px;margin:0 auto; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000}
div#userlarge3{width: 97%;padding: 10px;margin:0 auto; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000}
div#userlargeforum{width: 97%;padding: 10px;margin:0 auto; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000}
div#userlargephoto{width: 97%;padding: 10px;margin:0 auto; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000}
div#userlargevideo{width: 97%;padding: 10px;margin:0 auto; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000}
div#usersocialprofilelist{width: 220px;padding: 10px;margin:0 auto; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000}
div#userarticleslist{width: 220px;padding: 10px;margin:0 auto; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000}
div#userblogslist{width: 220px;padding: 10px;margin:0 auto; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000}
div#userwebpageslist{width: 220px;padding: 10px;margin:0 auto; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000}
div#usershopcartlist{width: 220px;padding: 10px;margin:0 auto; background-image: url(images/back_corner.gif); background-repeat: repeat-x;color:#000}


/* Data Web Control Styles */
.DataWebControlStyle
{
    font-size: 90%;
}

.HeaderStyle
{
	background-image:url(images/backtopline.gif);
    color:Black;
    font-weight: bold;
}

.FooterStyle
{
    background-color: #a33;
    color: Black;
    text-align: right;
}

.RowStyle
{
    background-color:#f3f3f3;
}

.AlternatingRowStyle
{
	background-color:#e0eff2;
}

.SelectedRowStyle
{
    background-color: Yellow;
}

.PagerRowStyle
{
    background-color: #ddd;
    text-align: right;
    font-size:smaller;
}

.PagerRowStyleLeft
{
    background-color: #ddd;
    text-align: left;
    font-size:smaller;
}

.PagerCurrentPage
{
	background-color: Yellow;
	padding:2px
}

.PagerOtherPage
{
	padding:2px
}

.SortHeaderRowStyle
{
    background-color: #c00;
    text-align: left;
    font-weight: bold;
    color: White;
}

/* lunar calendar */
.Calendar
{
    padding: 0px;
    background-color: #000000;
    width: 320px;
    padding: 1px;
}

.CalendarTable
{
    width: 320px;
    height: 150px;
    border: solid 1px #999999;
    background-color: White;
    text-align: center;
}

.CalendarTable TR TD
{
    font-size: 13px;
	line-height: 13px;
    font-family: Arial, 宋体;
    width: 28px;
    height: 28px;
    color: Black;
}

.CalendarTable TR.WeekDays
{
    background-color: #f3f3f3;
    font-weight: bold;
}

.CalendarTable TR.WeekDays TD.Weekend
{
    color: Red;
}
.CalendarTable TR.WeekDays TD
{
	text-align: center;
	background-image: none;
}

.CalendarTable TR TD.Dates
{
	background-image: url(images/unmarked.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.CalendarTable TR TD.Dates:Hover
{
	color: red;
	font-weight: bold;
	background-color: #EFFFEE;
	cursor: pointer;
}

.CalendarTable TR TD.Selected, .CalendarTable TR TD.Selected:Hover
{
	color: red;
	font-weight: bold;
	background-color: #FDDB7C;
}

.CalendarTable TR TD DIV.Dates SPAN.SolarDays
{
    color: Blue;
}
.CalendarTable TR TD DIV.Dates SPAN.NormalDays
{
    color: Black;
}
.CalendarTable TR TD DIV.Dates SPAN.FirstDays
{
    color: Orange;
}
.CalendarTable TR TD.Holidays
{
    color: #826602;
}
.CalendarTable TR TD.Today
{
    color: Black;
    font-weight: bold;
    background-color: Red;
}

/* jquery tag */

#tags ul{
	text-align:center;		
	}
#tags li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}
#tags li a{
	text-decoration:none;
	color:#000099;
	padding:0 2px;	
	}
#tags li a:hover{	
	color:#cff400;
	}		

.tag1{font-size:100%;}
.tag2{font-size:120%;}
.tag3{font-size:140%;}
.tag4{font-size:160%;}
.tag5{font-size:180%;}

.btn
{
    margin-left: 10px;
    display:block;
}

/* for chatroom */
.ChatField
{
	border-right: #a8b2bb 1px solid; padding-right: 1px; border-top: #a8b2bb 1px solid; padding-left: 1px; font-size: 11px; padding-bottom: 1px; border-left: #a8b2bb 1px solid; color: #000000; padding-top: 1px; border-bottom: #a8b2bb 1px solid; font-family: Verdena; height: 350px; background-color: #f3f3f3; width:360px; margin-left: 0px; overflow: auto;
}

.CachedField
{
	border-right: #a8b2bb 1px solid; padding-right: 1px; border-top: #a8b2bb 1px solid; padding-left: 1px; font-size: 11px; padding-bottom: 1px; border-left: #a8b2bb 1px solid; color: #000000; padding-top: 1px; border-bottom: #a8b2bb 1px solid; height: 92px; background-color: #ffffff; width:98%; margin-left: 0px; overflow:auto;
}

.ChatUserField
{
	border-right: #a8b2bb 1px solid; padding-right: 1px; border-top: #a8b2bb 1px solid; padding-left: 1px; font-size: 11px; padding-bottom: 1px; border-left: #a8b2bb 1px solid; color: #000000; padding-top: 1px; border-bottom: #a8b2bb 1px solid; height: 350px; background-color: #f3f3f3; width:120px; overflow:auto;
}

/* mail display */
div.inboxcontrollink 
{
	padding-left: 19px;
    padding-bottom:3px;
    background: url("images/mail_inbox.gif") no-repeat;
    vertical-align:baseline;
}

div.chatcontrollink 
{
	padding-left: 19px;
    padding-bottom:3px;
    background: url("images/mail_chat.gif") no-repeat;
    vertical-align:baseline;
}

div.draftcontrollink 
{
	padding-left: 19px;
    padding-bottom:3px;
    background: url("images/mail_draft.gif") no-repeat;
    vertical-align:baseline;
}

div.sentcontrollink 
{
	padding-left: 19px;
    padding-bottom:3px;
    background: url("images/mail_sent.gif") no-repeat;
    vertical-align:baseline;
}

div.spamcontrollink 
{
	padding-left: 19px;
    padding-bottom:3px;
    background: url("images/mail_spam.gif") no-repeat;
    vertical-align:baseline;
}

div.trashcontrollink 
{
	padding-left: 19px;
    padding-bottom:3px;
    background: url("images/mail_trash.gif") no-repeat;
    vertical-align:baseline;
}

div.useraddedfolder 
{
	padding-left: 19px;
    padding-bottom:3px;
    background: url("images/mailfolderuser.gif") no-repeat;
    vertical-align:baseline;
}

div.mailfunctions 
{
	padding-left: 19px;
    padding-bottom:3px;
    background: url("images/mailfunctionicon.gif") no-repeat;
    vertical-align:baseline;
}

div.mailfunctionalt 
{
	padding-left: 19px;
    padding-bottom:3px;
    background: url("images/mailfunctioniconalt.gif") no-repeat;
    vertical-align:baseline;
}


/* shop category menu menu */
.side-menu{font-weight: normal; color:#333399;}
.side-menu a {font-weight: normal; left: 8pt;padding-bottom: 0px;line-height: 8pt;position: relative;text-decoration: none; color:#333399;}
.side-menu a:visited {font-weight: normal; left: 8pt;padding-bottom: 0px;line-height: 8pt;position: relative;text-decoration: none; color:#333399;}
.side-menu a:hover {font-weight: normal; left: 8pt;padding-bottom: 0px;line-height: 8pt;position: relative;text-decoration: underline; color: #333399;}

.side-menu2 {font-weight: normal;}
.side-menu2 a { font-weight: normal; left: 9pt;padding-bottom: 0px;line-height: 8pt;position: relative;text-decoration: none; color:#333399;}
.side-menu2 a:visited {font-weight: normal;left: 9pt;padding-bottom: 0px;line-height: 8pt;position: relative;text-decoration: none; color:#333399;}
.side-menu2 a:hover {font-weight: normal; left: 9pt;padding-bottom: 0px;line-height: 8pt;position: relative;text-decoration: underline; color:#333399;}

.side-menu-selected { color: #485C5A; font-weight:bold;}
.side-menu-selected a { color: #485C5A; text-decoration: none; font-weight:bold;}
.side-menu-selected a:visited {color: #485C5A; text-decoration: none; font-weight:bold;}
.side-menu-hover {  color:White;}

.side-menu-highlight { color: #485C5A; background-color: black;}


/* store related */
.topMainSectionStyle {
    background-image:url(images/y_menubar.gif);
    line-height: 18px;
    text-indent: 10px;
    font-weight: bold;
    font-family: tahoma;
    color: #000000;
}

.topsectionstyle {
    background-image:url(images/backtopline.gif);
    line-height: 18px;
    text-indent: 10px;
    font-weight: bold;
    font-family: tahoma;
    color: #000000;
}

.ButtonGeneral {
	background-image: url(images/y_menubar.gif);
	cursor:pointer;
	height: 22px;
	vertical-align:top;
	text-decoration:none;
}

.inputwidth
{
	width:250px;
}

/*
	SiteMap
*/

.SiteMap
{
  padding-left:15px;
}

.RootNode
{ 
  font-size: 12px;
  font-weight: bold;
  padding:7px;
  padding-top:7px;
  padding-bottom:1px;
} 

.RootNode a
{ 
  text-decoration:none;
} 

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

.ParentNode
{ 
  font-size:10px;
  font-weight: bold;
} 

.ParentNode a
{ 
  text-decoration:none;
} 

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

.LeafNode a
{ 
  text-decoration:none;
} 

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

/* //////////////////////////////////////////////////////////////////// */

.bottomBar {
	position: fixed;
	position:expression("absolute");
	width: 98%;
	display: block;
	height: 26px;
	background-color: #fefee3;
	left: 10px;
	bottom: 0px;
	border-top: solid 1px #e4d6d6;
	border-left: solid 1px #e4d6d6;
	border-right: solid 1px #e4d6d6;
	border-bottom: 0px;
}
.bottomBar a{
    text-decoration:none;
    color:#000099;
    padding:0 2px;	
}
.bottomBar a:hover	
{
    color:#cff400;
}

.bottomBarLogo {
    float: left;
    width: 36px;
    border-right: solid 1px #e4d6d6;
}

.bottomBarItem {
    float: left;
    width: 250px;
    margin-top: 3px;
    text-align: center;
}

.bottomSeperator {
    float: left;
    width: 10px;
    margin-top: 3px;
}

.bottomWebparts {
	position: fixed;
	position:expression("absolute");
	width: 160px;
	display:none;
	height: 200px;
	overflow-y:auto;
	overflow-x:auto;
	left: 40px;
	bottom: 26px;
	border: solid 1px #e4d6d6;
	background-color: #fefee3;
}

.bottomRemovedUsers {
	position: fixed;
	position:expression("absolute");
	width: 160px;
	display:none;
	height: 200px;
	overflow-y:auto;
	overflow-x:auto;
	left: 50px;
	bottom: 26px;
	border: solid 1px #e4d6d6;
	background-color: #fefee3;
}

.bottomItemHead {
	background-color: #f3f3f3;
	padding:3px;
	color: #000;
}

.chatusertitle {
	float: left;
	font-weight:bold;
	margin-left: 3em;
}

.chatusertitle A
{
	color: White;
}

.chatbox {
	position: fixed;
	position:expression("absolute");
	width: 210px;
	display:none;
}

.chatboxhead {
	background-color: #3399cc;
	padding:3px;
	color: #ffffff;
	height: 20px;
}

.chatboxblink {
	background-color: #ff3399;
}

.chatboxcontent {
	color: #333333;
	height:200px;
	width:198px;
	overflow-y:auto;
	overflow-x:auto;
	padding:5px;
	border-left:1px solid #5558ca;
	border-right:1px solid #5558ca;
	border-bottom:1px solid #cccccc;
	background-color: #f3f3f3;
	line-height: 1.3em;
}

.chatboxinput {
	padding: 3px;
	background-color: #f3f3f3;
	border-left:1px solid #5558ca;
	border-right:1px solid #5558ca;
	border-bottom:1px solid #5558ca;
}

.chatboxtextarea {
	width: 198px;
	height:44px;
	padding:3px 0pt 3px 3px;
	border: 1px solid #cccccc;
	margin: 1px;
	overflow:hidden;
}

.chatboxtextareaselected {
	border: 1px solid #cc0066;
	margin:0;
}

.chatboxmessage {
	margin-left:1em;
}

.chatboxinfo {
	margin-left:-1em;
	color:#666666;

}

.chatboxmessagefrom {
	margin-left:-1em;
	font-style:italic;
}

.chatboxmessagecontent {
}

.chatboxoptions {
	float: right;
}

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

.socialuserlistbox {
	color: #333333;
	height:260px;
	width:198px;
	overflow-y:auto;
	overflow-x:auto;
	padding:5px;
	border-left:1px solid #5558ca;
	border-right:1px solid #5558ca;
	border-bottom:1px solid #cccccc;
	background-color: #f3f3f3;
	line-height: 1.3em;
}

/* /////////////////////////////////////////// */
/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; text-decoration: none; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */
#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav { background-color: #3399cc; height: 24px; }
#nav *:hover { background-color: none; }
#nav a { border-right: none; color: #f3f3f3; padding: 6px; line-height: 1; }
  #nav li.hover a { background-color: #cc3333; }
  #nav ul { top: 25px; }
    #nav ul li a { background-color: #cc3333; }
      #nav ul a.hover { background-color: #3399cc; }
/*  #nav ul a { border-bottom: 1px; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
 #nav ul a { border-bottom: none; } - need this for IE6/7 */
 #nav ul a { border-bottom: none; }
 
 /* vertical menu */
 
 #ulVerticalMenu { display: block; margin: 0; padding: 0; position: relative; width: 180px;}
  #ulVerticalMenu li { display: block; list-style: none; margin: 0; padding: 0; float: none; position: relative; }
  #ulVerticalMenu a { display: block; text-decoration: none; }
  #ulVerticalMenu ul { display: none; position: absolute; left: 172px; margin: 0; padding: 0; }
  * html #ulVerticalMenu ul { line-height: 0; } /* IE6 "fix" */
  	#ulVerticalMenu ul a { zoom: 1; } /* IE6/7 fix */
    #ulVerticalMenu ul li { float: none; }
    #ulVerticalMenu ul ul { top: 0; }
    
/* Essentials - configure this */
#ulVerticalMenu li { width: 172px; }
#ulVerticalMenu ul { width: 172px; }
#ulVerticalMenu ul ul { left: 172px; }

/* Everything else is theming */
 
#ulVerticalMenu { height: 100%; }
#ulVerticalMenu *:hover { background-color: none; }
#ulVerticalMenu a { border-right: none; padding: 4px; line-height: 1; }
  
  #ulVerticalMenu ul { top: 0; background-color: #cc3333; color: White; }
    #ulVerticalMenu ul li a { background-color: #cc3333; color: White; }
      #ulVerticalMenu ul a.hover { background-color: #3399cc; color: White; }
/*  #ulVerticalMenu ul a { border-bottom: 1px; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
 #ulVerticalMenu ul a { border-bottom: none; } - need this for IE6/7 */
 #ulVerticalMenu ul a { border-bottom: none; }
 
  /* vertical menu only one level */
 
 #ulVerticalOne { display: block; margin: 0; padding: 0; position: relative; width: 180px;}
  #ulVerticalOne li { display: block; list-style: none; margin: 0; padding: 0; float: none; position: relative; }
  #ulVerticalOne a { display: block; text-decoration: none; }

/* Everything else is theming */
#ulVerticalOne li { width: 172px; }
#ulVerticalOne { height: 100%; }
#ulVerticalOne *:hover { background-color: none; }
#ulVerticalOne a { border-right: none; padding: 4px; line-height: 1; }
 
 /* jquery corner */
 
 a.rounded, .generalbutton {
    outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    display: -moz-inline-box;
    display: inline-block;
    overflow: visible;
  }
 
 a.tabhome {
    background-color: #ccc;
    color: #000;
    padding: 2px 4px 1px 4px;
    margin-top: 0.3em;
    border-bottom: solid 1px #fff;
  }

  a.tabhome:hover {
    background-color: #cc3333;
    color: #fff;
  }
  
  a.tabhome_selected {
    border-bottom-color: #cc3333;
    background-color: #cc3333;
    color: #fff;
  }
  
  a.generalbutton {
    background-color: #ccc;
    color: #000;
    padding: 2px 4px 1px 4px;
    margin-top: 0.3em;
    border-bottom: solid 1px #fff;
  }

  a.generalbutton:hover {
    background-color: #cc3333;
    color: #fff;
  }
  
  #homeTabsContainer {
    display: none;
    padding: 0 0 0 10px;
  }
  
.homeTabItem {
    padding: 1px;
}

.tabbedInfo {
    padding: 10px;
    border: solid 1px #99cccc;
    background: #e7f3f3;
    
}

.shareColumn1 {
	width: 60px;
	height: auto !important; 
	height: 100%;
	vertical-align:top;
	display: inline-block;
}

.shareColumn2 {
	width: 400px;
	height: auto !important;
	height: 100%;
	vertical-align:top;
	display: inline-block;
}

.shareCommentColumn1 {
	width: 37px;
	height: auto !important; 
	height: 100%;
	vertical-align:top;
	display: inline-block;
}

.shareCommentColumn2 {
	width: 270px;
	height: auto !important; 
	height: 100%;
	vertical-align:top;
	display: inline-block;
}

.commentitemclass 
{
    width: 320px;
    background-color: #eceff5;
    padding: 4px 0 4px 4px;
    height: auto !important; 
	height: 100%;
	border-bottom: solid 1px white;
}

.usershareback1{
	border:solid 1px #DEDEDE; 
	background:#f3f3f3;
	padding:4px;
}
.usershareback2{
	border:solid 1px #DEDEDE; 
	background:#fdfdf0;
	padding:4px;
}

.usersharebackComment1
{
    width: 320px;
	background:#fdfdf0;
	padding: 4px 0 4px 4px;
	height: auto !important; 
	height: 100%;
	border-bottom: solid 2px #EFEFEF;
}
.usersharebackComment2
{
    width: 320px;
	background:#f3f3f3;
	padding: 4px 0 4px 4px;
	height: auto !important; 
	height: 100%;
	border-bottom: solid 2px white;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(images/stardelete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

#confirm {display:none;}
#confirm-overlay {background-color:#eee; cursor:wait;}
#confirm-container {height:140px; width:420px; font-size:16px; text-align:left; background:#fff; border:2px solid #336699;}
#confirm-container .header {height:30px; width:100%; background:url(images/confirm/header.gif) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; margin:0; padding:12px 4px 12px 8px; font-size:1em;}
#confirm-container .buttons {width:160px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(images/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ccc;}
#confirm-container a.modal-close:hover {color:#eee;}

/* wizard */

#mainNav{clear:both}
#mainNav li{
	height:30px;
	list-style:none;
	float:left;
	color: #000099;
	background-color:#ccc;
}

#mainNav li.current{
	background-color:Red;
}

#mainNav li.lastDone{
	background-color:#7C8437;
}

#mainNav li.done{
	background-color:#7C8437;
}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:230px;}
#mainNav.threeStep li.mainNavNoBg{width:230;}

#wizardpanel {
	display:none;
}
#wizardcontent {
	height:400px;
	height: auto !important;
}
#wizardwrapper{width:690px;}

#wizardwrapper .buttons
{
    text-align: right;
}

/*core classes*/
.stripViewer {
position: relative;
overflow: hidden;
border: 1px solid #e4d6d6;
margin: 0 0 1px 0;
width:100000px;
}
.stripViewer ul {
    /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width:100000px;
list-style-type: none; 
} 
.stripViewer ul li { 
float:left; 
} 
.stripTransmitter { 
overflow: auto;
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none;
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{
 font-weight:bold;
text-align: center;
line-height: 22px;
background: #e4d6d6;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{ 
background: #ff0000;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
        
/* Main Calendar css */
.DragContainer
{
    border: #000 1px solid;
    width: 150px;
}
.OverDragContainer
{
    width: auto;
}
.DragBox
{
    border-right: #000 1px solid;
    padding-right: 2px;
    border-top: #000 1px solid;
    padding-left: 2px;
    font-size: 10px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-left: #000 1px solid;
    width: 150px;
    cursor: pointer;
    padding-top: 2px;
    border-bottom: #000 1px solid;
    background-color: #eee;
}
.OverDragBox
{
    border-right: #000 1px solid;
    padding-right: 2px;
    border-top: #000 1px solid;
    padding-left: 2px;
    font-size: 10px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-left: #000 1px solid;
    width: 150px;
    cursor: move;
    padding-top: 2px;
    border-bottom: #000 1px solid;
    background-color: #eee;
}
.DragDragBox
{
    border-right: #000 1px solid;
    padding-right: 2px;
    border-top: #000 1px solid;
    padding-left: 2px;
    font-size: 10px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-left: #000 1px solid;
    width: 150px;
    cursor: move;
    padding-top: 2px;
    border-bottom: #000 1px solid;
    background-color: #eee;
}
.OverDragContainer
{
    background-color: #eee;
}
.OverDragBox
{
    background-color: #ffff99;
}
.DragDragBox
{
    background-color: #ffff99;
}
.DragDragBox
{
    filter: alpha(opacity=50);
    background-color: #ff99cc;
}

.weekdayClass
{
    text-align:center;
}

.weekdayClass A
{
    text-align:center;
    text-decoration: none;
}

.saturdayClass
{
    color:Blue;
    text-align:center;
}

.saturdayClass A
{
    color:Blue;
    text-align:center;
    text-decoration: none;
}

.sundayClass
{
    color:Red;
    text-align:center;
}

.sundayClass A
{
    color:Red;
    text-align:center;
    text-decoration: none;
}

.todayClass
{
    color:White;
    background-color: Red;
}

.weekdayTitleClass
{
    text-align:center;
    border-top: #000 1px solid;
    border-right: #000 1px solid;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid;
}

.saturdayTitleClass
{
    color:Blue;
    text-align:center;
    border-top: #000 1px solid;
    border-right: #000 1px solid;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid;
}

.sundayTitleClass
{
    color:Red;
    text-align:center;
    border-top: #000 1px solid;
    border-right: #000 1px solid;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid;
}

.CalendarTitleClass
{
    font-weight:bold;
    color:Red;
    text-align:center;
}

/* End Main Calendar css */

/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* Tabs
----------------------------------*/
.ui-tabs { padding: .1em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; height: 32px; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Color picker */
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(images/colorpicker/colorpicker_background.png);
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(images/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(images/colorpicker/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(images/colorpicker/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(images/colorpicker/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(images/colorpicker/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(images/colorpicker/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(images/colorpicker/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(images/colorpicker/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(images/colorpicker/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(images/colorpicker/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(images/colorpicker/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}


/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('images/Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* auto complete */

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('images/unmarked.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}


/* annotation */

.image-annotate-add {
    background: #fff url(images/annotation/asterisk_yellow.png) no-repeat 3px 3px;
    border: solid 1px #ccc !important;
    color: #000 !important;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;    
    height: 18px;
    line-height: 18px;    
    padding: 2px 0 2px 24px;
    margin: 5px 0;
    width: 64px;
    text-decoration: none;
}
.image-annotate-add:hover {
    background-color: #eee;
}
.image-annotate-canvas {
    border: solid 1px #ccc;
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    position: relative;
}
.image-annotate-view {
    display: none;
    position: relative;
}
.image-annotate-area {
    border: 1px solid #000000;
    position: absolute;
}
.image-annotate-area div {
    border: 1px solid #FFFFFF;
    display: block;
}
.image-annotate-area-hover div {
    border-color: yellow !important;
}
.image-annotate-area-editable {
    cursor: pointer;
}
.image-annotate-area-editable-hover div {
    border-color: #00AD00 !important;
}
.image-annotate-note {
    background: #E7FFE7 none repeat scroll 0 0;
    border: solid 1px #397F39;
    color: #000;
    display: none;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    max-width: 200px;
    padding: 3px 7px;
    position: absolute;
}
.image-annotate-note .actions {
    display: block;
    font-size: 80%;
}
.image-annotate-edit {
    display: none;
}
#image-annotate-edit-form {
    background: #FFFEE3 none repeat scroll 0 0;
    border: 1px solid #000000;
    height: 78px;
    padding: 7px;
    position: absolute;
    width: 250px;
}
#image-annotate-edit-form form {
    clear: right;
    margin: 0 !important;
    padding: 0;
    z-index: 999;
}
#image-annotate-edit-form .box {
    margin: 0;
}
#image-annotate-edit-form input.form-text, #image-annotate-edit-form #edit-comment-wrapper textarea {
    width: 90%;
}
#image-annotate-edit-form textarea {
    height: 50px;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;    
    width: 248px;
}
#image-annotate-edit-form fieldset {
    background: transparent none repeat scroll 0 0;
}
#image-annotate-edit-form .form-item {
    margin: 0 0 5px;
}
#image-annotate-edit-form .form-button, #image-annotate-edit-form .form-submit {
    margin: 0;
}
#image-annotate-edit-form a {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    border: solid 1px #ccc;
    color: #333;
    cursor: pointer;
    display: block;
    float: left;    
    font-family: Verdana, Sans-Serif;
    font-size: 12px;        
    height: 18px;
    line-height: 18px;
    padding: 2px 0 2px 24px;
    margin: 3px 6px 3px 0;
    width: 48px;
}
#image-annotate-edit-form a:hover {
    background-color: #eee;
}
.image-annotate-edit-area {
    border: 1px solid black;
    cursor: move;
    display: block;
    height: 60px;
    left: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    width: 60px;
}
.image-annotate-edit-area .ui-resizable-handle {
    opacity: 0.8;
}
.image-annotate-edit-ok {
    background-image: url(images/annotation/accept.png);
}
.image-annotate-edit-delete {
    background-image: url(images/annotation/delete.png);
}
.image-annotate-edit-close {
    background-image: url(images/annotation/cross.png);
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable- autohide .ui-resizable-handle {
    display: block;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0px;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0px;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0px;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0px;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}