﻿html
{
	height: 100%;
	margin: 0px;
}
form
{
	margin: 0px;
	height: 100%;
}
BODY
{
	margin: 0px;
	font-family: Times New Roman;
	font-size: 14px;
	color: #000;
}
A
{
	text-decoration: none;
	color: #0560a6;
}
IMG
{
	border: 0;
}
HR
{
	color: #d9d9d9;
	height: 1px;
	width: 100%;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

#Warpper
{
	width: 990px;
	margin: 0px auto;
	padding: 0px;
}
#Header #Content #Footer #Outer
{
	width: 990px;
}
.ss-Header
{
	background: url(Images/Common/Head_bg.jpg) repeat-y;
	width: 990px;
	height: 106px;
	overflow: hidden;
}
.ss-Logo
{
	background: url(Images/Common/logo.jpg) no-repeat;
	width: 166px;
	height: 100px;
	float: left;
	margin-left: 26px;
}
.ss-Banner
{
	width: 686px;
	height: 100px;
	float: left;
}
.ss-Language
{
	width: 85px;
	height: 85px;
	margin-top: 15px;
	float: left;
}
.ss-LineTopMenu
{
	background: url(Images/Common/bgMenuTop.jpg) repeat-x bottom;
	margin: 0 6px;
	width: 980px;
	height: 6px;
	clear: both;
}
.ss-BgBottomMenu
{
	background: url(Images/Common/bgMenuBottom.jpg) no-repeat top;
	width: 990px;
	height: 5px;
	clear: both;
}
#TopMenu
{
	background: url(Images/Common/bgHMenu.jpg) repeat-x bottom;
	margin: 0 auto;
	width: 990px;
	height: 35px;
	line-height:35px;
}
.ss-CLeft-Menu
{
	background: url(Images/Common/c_l.jpg) no-repeat bottom;
	width: 43px;
	height: 35px;
	float: left;
}
.ss-Center-Menu
{
	width: 895px;
	height: 35px;
	line-height:35px;
	float: left;
}
.ss-CRight-Menu
{
	background: url(Images/Common/c_r.jpg) no-repeat bottom;
	width: 52px;
	height: 35px;
	float: left;
}
.sep{background: url(Images/Common/division.jpg) no-repeat top right;}
.nav_active{background: url(Images/Common/selected.jpg) repeat-x top;}

div.ss-SlideBox
{
	overflow: hidden;
	width: 990px;
	background: url(Images/Common/Slide_Box_Middle.jpg) repeat-y 100% 0;
	margin: 0px 0 0px 0;
}
div.ss-SlideBox-Top
{
	overflow: hidden;
	background: url(Images/Common/Slide_Box_Top.jpg) no-repeat 0 0;
	width: 990px;
	padding: 5px 0 0 0;
}
div.ss-SlideBox-Bottom
{
	overflow: hidden;
	background: url(Images/Common/Slide_Box_Bottom.jpg) no-repeat 100% 100%;
	width: 990px;
	padding: 0 0 5px 0;
}
div.ss-SlideBox strong
{
	overflow: hidden;
	color: #d20000;
	font-weight: normal;
	line-height: 28px;
	padding: 0 0 0 0px;
	margin: 0 0 0 10px;
	width: 980px;
}
div.ss-SlideBox UL
{
	height: 28px;
	padding-left: 10px;
	margin: 0;
	width: 980px;
	list-style: square;
}

div.ss-SlideBox UL LI
{
	line-height: 28px;
	padding-right: 30px;
	margin: 0;
	display: inline;
	color: #d20000;
}
div.ss-SlideBox UL LI A
{
	color: #d20000;
}
div.ss-SlideBox div.ss-Common
{
	width: 960px;
	height: 162px;
	margin: 2px auto;
}
.ss-Video
{
	height: 154px;
	width: 231px;
	margin-right: 10px;
	float: left;
}
.ss-Slide
{
	width: 716px;
	height: 157px;
	float: left;
}
#ss-Middle
{
	width: 982px;
	margin: 5px auto;
	background: #f4f4f4;
	border: solid 1px #d9d9d9; /*min-height:650px;*/
}
#LeftZone
{
	margin-left: 8px;
	margin-top: 5px;
	width: 202px;
	float: left;
	clear: left;
}
/*Gray box*/
div.ss-GrayBox
{
	overflow: hidden;
	width: 202px;
	background: url(Images/Common/Gray_Box_Middle.jpg) repeat-y 100% 0;
	margin: 0px 0 5px 0;
}
div.ss-GrayBox-Top
{
	overflow: hidden;
	background: url(Images/Common/Gray_Box_Top.jpg) no-repeat 0 0;
	width: 202px;
	padding: 0px 0 0 0;
}
div.ss-GrayBox-Bottom
{
	overflow: hidden;
	background: url(Images/Common/Gray_Box_Bottom.jpg) no-repeat 100% 100%;
	width: 202px;
	padding: 0 0 14px 0;
}
div.ss-GrayBox strong
{
	overflow: hidden;
	color: #FFF;
	font-weight: bold;
	line-height: 41px;
	padding: 0 0 0 0px;
	margin: 0 0 0 10px;
	width: 202px;
}
div.ss-GrayBox UL
{
	width: 196px;
	margin: 0;
	padding-left: 3px;
	padding-right: 3px;
	list-style-type: none;
}
div.ss-GrayBox UL LI
{
	line-height: 27px;
	display: list-item;
	background: url(Images/Common/bgLine.jpg) repeat-x;
	height: 27px;
}
div.ss-GrayBox UL LI.ss-square
{
	line-height: 27px;
	display: list-item;
	background: url(Images/Common/square.jpg) no-repeat left;
	height: 27px;
}
div.ss-GrayBox UL LI A
{
	color: #000000;
	padding-left: 15px;
}
div.ss-GrayBox div.ss-SearchZone
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	height: 27px;
}
/* Online Support*/
div.ss-HelpBox
{
	overflow: hidden;
	width: 202px;
	background: url(Images/Common/Gray_Box_Middle.jpg) repeat-y 100% 0;
	margin: 0px 0 5px 0;
}
div.ss-HelpBox-Top
{
	overflow: hidden;
	background: url(Images/Common/Help_Box_Top.jpg) no-repeat 0 0;
	width: 202px;
	padding: 0px 0 0 0;
}
div.ss-HelpBox-Bottom
{
	overflow: hidden;
	background: url(Images/Common/Gray_Box_Bottom.jpg) no-repeat 100% 100%;
	width: 202px;
	padding: 0 0 5px 0;
}
div.ss-HelpBox strong
{
	overflow: hidden;
	color: #FFF;
	line-height: 64px;
	font-weight: bold;
	padding: 0 0 0 0px;
	margin: 0 0 0 70px;
	width: 202px;
	vertical-align: bottom;
}
div.ss-HelpBox div.ss-yahoo-icon
{
	line-height: 27px;
	background: url(Images/Common/bgLine.jpg) repeat-x;
	height: 27px;
	font-weight: bold;
	width: 196px;
	text-indent: 10px;
	margin: 0 auto;
}
.ss-yahoo-icon A
{
	color: #000;
}
#RightZone
{
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 2px;
	width: 746px;
	float: left;
}
.ss-TestBanner
{
	width: 746px;
	height: 157px;
	margin-bottom: 10px;
}

.ss-ArticleHomePage
{
	width: 746px;
	margin-bottom: 10px;
}
.ss-ModuleTable
{
	width: 360px;
	overflow:hidden;
	float: left;
	margin-bottom: 5px;
	padding: 0px 3px 0 0;
	margin-right: 5px;
}
div.ss-ModuleTable div.Title
{
	background: url(Images/Common/Title_RepeatBg.jpg) repeat-x top;
	height: 29px;
	padding: 0;
	margin-bottom: 5px;
	overflow: hidden;
}
div.ss-ModuleTable div.Title h3
{
	background: url(Images/Common/Title_RightBg.jpg) no-repeat scroll right center;
	font-size: 12px;
	color: #c32722;
	height: 29px;
	line-height: 29px;
	margin-top: 0px;
	padding: 0;
	text-indent: 25px;
}
div.ss-ModuleTable div.Title h3 span
{
	background: url(Images/Common/Title_LeftBg.jpg) no-repeat scroll left center;
	display: block;
	height: 29px;
	line-height: 29px;
	margin: 0;
	padding: 0;
}
div.ss-ModuleTable div.Title h3 span.ss-CategoryName A
{
	color: #c32722;
	font-weight: bold;
}
div.ss-Title
{
	color: #515151;
	font-weight: bold;
	font-size: 12px;
	margin-left: 5px;
	margin-right: 5px;
}
div.ss-Title A
{
	color: #515151;
	font-weight: bold;
	font-size: 12px;
}
.ss-MainArticle
{
	text-align: justify;
	margin: 5px;
}
.ss-MainArticleImage
{
	float: left;
	width: 128px;
	height: 98px;
	margin-right: 8px;
	border: solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
UL.ss-SubArticle
{
	list-style-type: none;
	width: 364px;
	margin-top: 20px;
	margin-left: 0;
	padding: 5px 0 0 0;
	border-top: dotted 1px #9a9a9a;
}
UL.ss-SubArticle LI
{
	display: list-item;
	background: url(Images/Common/arr.jpg) no-repeat top left;
	height: auto !important;
	min-height: 18px;
	padding: 2px 5px 6px 12px;
}

UL.ss-SubArticle LI A
{
	color: #007291;
	vertical-align: top;
}
.clearboth
{
	clear: both;
}
.ss-TextSearch
{
	border: solid 1px #cccccc;
	width: 140px;
	height: 21px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #000;
	text-align: justify;
}
.ss-SearchButton
{
	width: 47px;
	height: 22px;
	background: url(Images/Common/bSearch.jpg);
	border: 0;
}
.ss-VisitorBox
{
	border: solid 1px #a8a8a8;
	width: 200px;
	
	background: #fff;
}
.ss-Advertise
{
width:200px;
height:160px;
margin:5px 0px 0 0px;	
}
.ss-Visitor
{
	width: 178px;
	background: #e0e0e0;
	margin: 1px;
	height:70px;
	font-weight: bold;
	color: #7b7a7a;
	line-height: 25px;
	padding-left: 20px;
	padding-top: 15px;
}

.ss-Breadcrumb
{
	background: url(Images/Common/Title_bg.jpg) repeat-x bottom;
	height: 29px;
	overflow: hidden;
}
TD.ss-BreadcrumbLeft
{
	background: url(Images/Common/Title_LeftBg.jpg) no-repeat top left;
	width: 25px;
	height: 29px;
}
TD.ss-BreadcrumbCenter
{
	background: url(Images/Common/Title_RepeatBg.jpg) repeat-x top left;
	height: 29px;
	font-size: 12px;
	color: #c32722;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}
TD.ss-BreadcrumbRight
{
	background: url(Images/Common/BreadcrumbRight.jpg) no-repeat top left;
	height: 29px;
	width: 16px;
}
/*News box*/
div.ss-NewsBox
{
	overflow: hidden;
	width: 720px;
	margin: 0px 0 0px 0;
}
div.ss-NewsBox-Top
{
	overflow: hidden;
	width: 720px;
	padding: 0px 0 0 0;
}
div.ss-NewsBox-Bottom
{
	overflow: hidden;
	width: 720px;
	padding: 0 0 8px 0;
}
div.ss-NewsBox strong
{
	overflow: hidden;
	font-size: 12px;
	color: #008caf;
	font-weight: bold;
	line-height: 28px;
	padding: 0 0 0 0px;
	margin: 0 0 0 10px;
	text-transform: uppercase;
	width: 720px;
}
div.ss-NewsBox .ss-CategoryName
{
	overflow: hidden;
	font-size: 12px;
	color: #008caf;
	font-weight: bold;
	line-height: 28px;
	margin: 0 10px 0 10px;
	text-transform: uppercase;
	border-bottom: dotted 1px #828282;
	width: 690px;
}
div.ss-NewsBox .ss-CategoryName A
{
	overflow: hidden;
	font-size: 12px;
	color: #008caf;
	font-weight: bold;
	line-height: 28px;
	padding: 0 0 0 0px;
	text-transform: uppercase;
	width: 720px;
}

/* News Detail*/
div.ss-ContentBox
{
	overflow: hidden;
	width: 700px;
	margin: 0px 0 0px 0;
}
div.ss-ContentBox-Top
{
	overflow: hidden;
	width: 700px;
	padding: 0px 0 0 0;
}
div.ss-ContentBox-Bottom
{
	overflow: hidden;
	width: 700px;
	padding: 0 0 8px 0;
}
div.ss-ContentBox strong
{
	overflow: hidden;
	font-size: 12px;
	color: #008caf;
	font-weight: bold;
	line-height: 28px;
	padding: 0 0 0 0px;
	margin: 0 0 0 10px;
	text-transform: uppercase;
	width: 720px;
}
div.ss-ContentBox .ss-CategoryName
{
	overflow: hidden;
	font-size: 12px;
	color: #008caf;
	font-weight: bold;
	line-height: 28px;
	margin: 0 10px 0 10px;
	text-transform: uppercase;
	border-bottom: dotted 1px #828282;
	width: 690px;
}
div.ss-ContentBox .ss-CategoryName A
{
	overflow: hidden;
	font-size: 12px;
	color: #008caf;
	font-weight: bold;
	line-height: 28px;
	padding: 0 0 0 0px;
	text-transform: uppercase;
	width: 720px;
}



.ss-Captcha, .ss-TextArea
{
	border: solid 1px #fff;
	background: #edfafd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #000;
	font-size: 11px;
	text-align: justify;
}
/**/
div.ss-Footer
{
	overflow: hidden;
	background: url(Images/Common/bgFooter.jpg) repeat-y 100% 0;
	width: 979px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
div.ss-Footer-Top
{
	overflow: hidden;
	background: url(Images/Common/Footer_Logo.jpg) no-repeat 0 0;
	width: 979px;
	padding: 2px 0 0px 0;
}

div.ss-Footer .ss-Text
{
	line-height: 1.5em;
	text-align: right;
	color: #343434;
	font-family: Times New Roman !important;
	font-size: 14px;
	width: 484px;
	float: left;
	padding: 5px 5px 5px 0px;
}
div.ss-Footer .ss-Copyright
{
	color: #FFF;
	font-weight: normal;
	text-align: left;
	font-size: 12px;
	float: left;
	width: 484px;
	margin-top: 5px;
	line-height: 1.5em;
	padding-left: 5px;
	vertical-align: top;
}
div.ss-Footer .ss-Copyright A
{
	color: #FFF;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
}

.ss-Justify
{
	text-align: justify;
	line-height: 1.5em;
}
.ss-EditText
{
	border-left: dotted 1px #d21337;
	border-bottom: dotted 1px #d21337;
	border-right: 0px;
	border-top: 0px;
	width: 99%;
	padding-left: 10px;
	background-color: Transparent;
}

#Contact
{
	width: 500px;
	margin: 0 auto;
}
.ss-formtablecontact
{
	border-bottom: #fff 1px solid;
	width: 99%;
}
.ss-fieldlabelContact
{
	padding-bottom: 10px;
	padding-top: 10px;
	border-collapse: collapse;
	border-top: #fff 1px solid;
	vertical-align: top;
	width: 220px;
}
.ss-fieldgroupheaderContact
{
	font-weight: bold;
	font-family: tahoma;
	font-size: 11px;
	padding-left: 20px;
	text-align: justify;
}
.ss-fieldvaluecolumncontact
{
	background-color: #e4e4e4;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-collapse: collapse;
	border-top: #fff 1px solid;
	vertical-align: top;
	width: 360px;
	text-align: justify;
}
div.ss-ArticleTitle
{
	color: #515151;
	font-weight: bold;
	text-align: justify;
	margin: 5px 0px 3px 5px;
	font-size: 14px;
}
div.ss-ArticleTitle I
{
	color: red;
	font-weight: normal;
	font-size: 14px;
}

div.ss-GridTitle
{
	color: #000;
	text-align: justify;
	margin: 0px 0px 3px 0px;
	font-size: 12px;
	float: left;
	width: 650px;
}
div.ss-GridTitle A
{
	color: #676767;
	font-weight: bold;
	text-align: justify;
	margin: 0px 0px 3px 0px;
	font-size: 13px;
	float: left;
}

.ss-ArticleTitle
{
	color: #2750A1;
	font-weight: bold;
	text-align: justify;
	margin: 5px 0px 3px 0px;
	font-size: 13px;
}
.ss-ArticleTitle A
{
	color: #2750A1;
}
.ss-ArticleTitle A:hover
{
	color: #FF0000;
}
.ss-ArticleImage
{
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.ss-ArticleImage IMG
{
	border: solid 1px #F0EEEE;
}
.ss-ArticleContent
{
	text-align: justify;
	line-height: 1.5em;
	font-family:Times New Roman;
	font-size:14px;
	margin: 5px auto;
	padding: 5px;
	width: 730px !important;
}
.ss-Image
{
	width: 200px;
	margin: 0 10px;
	float: left;
}

#Favi
{
	padding: 5px 5px 5px 5px;
	text-align: center;
	border-bottom: dotted 1px #9a9a9a;
}
#Favi ul
{
	margin: 0;
	list-style: none;
	font-size: 10px;
}
#Favi li
{
	display: inline;
	font-weight: bold;
	font-size: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
}
#Favi A
{
	margin: 0;
	padding: 3px 5px 0 5px;
	font-size: 10px;
	color: #ab0f06;
	font-weight: 200;
}
#Favi IMG
{
	padding-right: 4px;
	vertical-align: middle;
	border: 0;
}

.ss-Description
{
	font-weight: bold;
	text-align: justify;
	padding-bottom: 5px;
	line-height: 1.5em;
}

.ss-GridArticle
{
	margin: 5px;
	padding:5px;
	text-align: justify;
	line-height: 1.5em;
	font-family:Times New Roman;
	font-size:14px;
	width: 720px;
	overflow: hidden;
	border-bottom: dotted 1px #9a9a9a;
}
.ss-GridArticle A
{
	font-weight: bold;
	color: #676767;
	margin-top: 0px;
}

.ss-ThumbArticle
{
	margin: 10px;
	text-align: justify;
	line-height: 1.5em;
	width: 680px;
	height: 120px;
	overflow: hidden;
	border-bottom: solid 1px #d9d9d9;
}
.ss-ThumbArticle A
{
	font-weight: bold;
	color: #676767;
	margin-top: 0px;
}

.ss-CurrentArticle
{
	width: 707px;
	margin: 20px auto 10px auto;
}
.ss-CurrentArticle strong
{
	color: #ab0f06;
}
.ss-CurrentArticle UL
{
	width: 707px;
	margin: 0;
	padding: 5px 0 0 0;
	list-style-type: none;
	color: #9d9d9d;
}
.ss-CurrentArticle UL LI
{
	display: list-item;
	background: url(Images/Common/arr.jpg) no-repeat top left;
	height: 18px;
	padding: 2px 10px 6px 12px;
	text-align: justify;
	color: #007291;
	font-size: 14px;
}
.ss-CurrentArticle UL LI A
{
	height: 18px;
	padding-top: 5px;
	text-align: justify;
	color: #007291;
}
.ss-CurrentArticle A:hover
{
	color: #173782;
}
.ss-CurrentArticle UL LI.ss-Caption
{
	height: 18px;
	text-align: justify;
	color: #0092dd;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: solid 1px #9d9d9d;
}

.ss-ControlPager
{
	color: #006699;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial;
	vertical-align: text-bottom;
	padding: 3px;
	margin: 3px;
}
.ss-ControlPager SPAN
{
	vertical-align: top;
}
.ss-ControlPager A
{
	font-size: 10px;
	font-weight: bold;
	font-family: Arial;
	color: #666666;
	vertical-align: text-bottom;
	padding: 3px;
	border: solid 1px #a9a9a9;
	margin: 3px;
}
.ss-ControlPager A:hover
{
	text-decoration: underline;
}

.News_MTitle
{
	filter: alpha(opacity = 90);
}

.News_Border
{
	filter: alpha(opacity = 80);
}

/*--------Light Box ----------------*/
td.tdImg
{
	width: 150px;
	height: 150px;
}
#divWG
{
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#divWG img, #divWG table
{
	border: none;
}
#divWG a:link, #divWG a:visited
{
	text-decoration: none;
}
#divWG a:hover
{
	color: red;
	text-decoration: underline;
}
#tblThumbsLayout
{
	text-align: left;
	margin: 0 auto;
}
#tblGalleryName
{
	margin-top: 2px;
}
#currentGalleryLocation
{
	font-weight: bold;
}
td#galleryNameCell
{
	font-size: 18px;
	font-weight: bold;
	color: #606060;
	margin: 6px 6px 0 0;
}
td#pagingCell
{
	text-align: right;
	white-space: nowrap;
}
.currentPage
{
	font-weight: bold;
}
td#pagingCell a, .currentPage
{
	font-size: 12px;
	padding: 3px 5px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
td#pagingCell a:hover, .currentPage
{
	border: #666 1px solid;
	background-color: #fff;
	text-decoration: none;
}
.tdImg P
{
	text-align: center;
}
td.tdImg
{
	border: 1px solid;
	border-color: #aaa #666 #666 #aaa;
	text-align: center;
	background-color: #fff;
	vertical-align: middle;
	padding: 4px;
	font-size: 12px;
}
td.tdImg img
{
	margin-top: 6px;
}
#pnCell
{
	text-align: right;
}
a.pn, a.pn:LINK, a.pn:VISITED
{
	color: #606060;
	font: 9px arial, helvetica, sans-serif;
	text-decoration: none;
	padding: 1px 4px;
}
/*------------ light view ----------------*/
#lightview
{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	text-align: left;
}

/* The container that holds everything */
.lv_Container
{
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button
{
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides
{
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides *
{
	padding: 0;
	margin: 0;
}
.lv_Sides li
{
	list-style-type: none;
	position: relative;
}

.lv_PrevSide
{
	float: left;
}
.lv_NextSide
{
	float: right;
}
.lv_Sides .lv_Wrapper
{
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button
{
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames
{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.lv_Frame
{
	width: 100%;
	display: block;
}
.lv_Frame *
{
	padding: 0;
	margin: 0;
}
.lv_FrameTop
{
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom
{
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid
{
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler
{
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half
{
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li
{
	list-style-type: none;
}
.lv_Corner
{
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr
{
	float: right;
}

.lv_Fill
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper
{
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper
{
	float: right;
}

.lv_Corner
{
	position: relative;
}
.lv_Corner canvas
{
	position: relative;
}
.lv_HalfLeft .lv_Corner
{
	float: left;
}
.lv_HalfRight .lv_Corner
{
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center
{
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp
{
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown
{
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter
{
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading
{
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button
{
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper
{
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img
{
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext *
{
	padding: 0;
	margin: 0;
}
.lv_PrevNext .lv_Button
{
	position: relative;
	height: 100%;
}
.lv_PrevButton
{
	float: left;
}
.lv_NextButton
{
	float: right;
}

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar
{
	clear: both;
	position: relative;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar *
{
	padding: 0;
	margin: 0;
}


.lv_Close
{
	position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data
{
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li
{
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText
{
	width: 100%;
}
.lv_DataText .lv_Title
{
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption
{
	clear: both;
}
.lv_Data .lv_ImgNumber
{
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, .lv_Data .lv_Slideshow
{
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow
{
	padding-right: 0px;
}

.lv_Data .lv_innerPrevNext .lv_Button, .lv_Data .lv_Slideshow .lv_Button
{
	/* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop, .lv_contentBottom
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe
{
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons
{
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage
{
	cursor: pointer;
}


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p
{
	padding: 0 0 10px 0;
}
#lightviewError div
{
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message
{
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type
{
	font-weight: bold;
}
#lightviewError .pluginspage
{
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a, #lightviewError a:hover, #lightviewError a:visited
{
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p
{
	margin-left: 0;
	padding: 0;
}

#lv_overlay
{
	position: absolute; /* Opera will use fixed */
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController
{
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController
{
	/* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) +  'px' );
}
#lightviewController ul
{
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom
{
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCenter
{
	width: auto;
	float: left;
}
.lv_controllerCornerWrapper
{
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft, .lv_controllerCornerWrapperBottomLeft
{
	top: 0;
	left: -100%;
}
.lv_controllerCornerWrapperTopRight, .lv_controllerCornerWrapperBottomRight
{
	top: 0;
	left: 100%;
}

#lightviewController .lv_CornerWrapper
{
	width: 100%;
}
#lightviewController .lv_Corner
{
	float: left;
}
#lightviewController .lv_Corner
{
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr
{
	float: left;
}
.lv_controllerBetweenCorners
{
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle
{
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter
{
	float: left;
	width: auto;
}
.lv_controllerCenter li
{
	list-style-type: none;
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber
{
	float: left;
	text-align: center;
}

#lightviewController .lv_Button
{
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber
{
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, .lv_controllerNext, .lv_controllerSlideshow, .lv_controllerClose
{
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev
{
	border-left: 1px solid #3c3c3c;
}
#lightviewController .lv_controllerNext
{
	padding-right: 3px;
	border-right: 1px solid #3c3c3c;
}

* html #lightview
{
	/* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) +  'px' );
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay
{
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) +  'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) +  'px' );
}


/*******************************************************************************
  PORTLETS AND GRID
*******************************************************************************/
#portlets
{
	padding: 0px 10px;
}
.column
{
	width: 450px;
	float: left;
	padding-bottom: 0px;
}
.column#left
{
	margin-right: 17px;
}
.portlet
{
	margin: 0 0em 1em 0;
}
.portlet-header
{
	margin: 0em;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	font-size: 12px;
	border: none !important;
	color: #333 !important;
	font-family: Arial;
}
.portlet-header .ui-icon
{
	float: right;
	cursor: pointer;
}
.portlet-header img
{
	float: left;
	margin-right: 5px;
}
#portlets .fixed
{
	cursor: auto;
}
.portlet-content
{
	padding: 0.8em;
	font-size: 12px !important;
	color: #333;
	border-top: 1px solid #999 !important;
	font-family: Arial, Helvetica, sans-serif;
}
.ui-sortable-placeholder
{
	border: 1px dashed #999 !important;
	visibility: visible !important;
	height: 100px !important;
	background: #EBEBEB;
}
.ui-sortable-placeholder *
{
	visibility: hidden;
}

/*******************************************************************************
  TABLE DESIGN 
*******************************************************************************/
#box-table-a
{
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-collapse: separate;
	border-bottom: none;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #EFEFEF;
	border-top: 1px solid #FFF;
	color: #333;
	text-align: left;
}
#box-table-a td
{
	padding: 8px;
	background: none;
	border-top: 1px solid #CCC;
	color: #666;
	border-bottom: none !important;
}
#box-table-a tr:hover td
{
	background: #FBFBFB;
	color: #333;
}
#box-table-a tr.footer
{
	background: none !important;
}
#box-table-a tr.footer:hover td
{
	background: none !important;
}

/*******************************************************************************
  PAGINATION
*******************************************************************************/
.pagination
{
	float: right;	
	font-size: 10px;
}
.pagination a
{
	border: solid 1px #DEDEDE;
}
.pagination .next a, .pagination .previous a
{
	font-weight: bold;
	border: solid 1px #FFFFFF;
}

.pagination a:hover
{
	text-decoration: none;
	border: 1px solid #999;
}

.nopadding
{
	padding:0;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled
{
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon
{
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Component containers
----------------------------------*/
.ui-widget
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content
{
	border: 1px solid #aaaaaa;
	background: #ffffff url(Images/Common/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
/*.ui-widget-content a { color: #222222; }*/
.ui-widget-header
{
	border: 1px solid #aaaaaa;
	background: #cccccc url(Images/Common/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a
{
	color: #222222;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon
{
	width: 16px;
	height: 16px;
	background-image: url(images/ui-icons_222222_256x240.png);
}

/* positioning */
.ui-icon-triangle-1-n
{
	background-position: 0 -16px;
}
.ui-icon-arrow-1-n
{
	background-position: 0 -32px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl
{
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
}
.ui-corner-tr
{
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}
.ui-corner-bl
{
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}
.ui-corner-br
{
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
.ui-corner-top
{
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}
.ui-corner-bottom
{
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
.ui-corner-right
{
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
.ui-corner-left
{
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}
.ui-corner-all
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* Overlays */
.ui-widget-overlay
{
	background: #aaaaaa url(Images/Common/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .30;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow
{
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(Images/Common/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .30;
	filter: Alpha(Opacity=30);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

/* Component art Calendar*/
.ss-calendarbutton
{
	border: none;
	cursor: pointer;
}
.ss-calendar td
{
	font-size: 11px;
}
.ss-calendartitle
{
	font-weight: bold;
	background-color: #d9d9d9;
}
.ss-calendarday
{
	width: 25px;
	cursor: pointer;
	text-align: center;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
	background-color: #eef5ff;
}
.ss-calendardayhover
{
	width: 25px;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
}
.ss-calendardayheader
{
	width: 25px;
	text-align: center;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	font-weight: bold;
	background-color: #FFFFFF;
}
.ss-calendarothermonthday
{
	color: #999999;
}
.ss-calendarselectedday
{
	width: 25px;
	background-color: #FBE694;
	color: #000000;
	border-width: 1px;
	border-color: #BB5503 !important;
	border-style: solid;
	font-weight: bold;
}
.ss-calendar
{
	border-style: solid;
	border-width: 1px;
	border-color: Gray;
	border-collapse: collapse;
	background-color: #FFFFFF;
	cursor: default;
	font-size: 11px;
	font-family: Tahoma;
}
.ss-calendarmonth
{
	background-color: #F6F6F6;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
}
.ss-calendarnextprev
{
	cursor: pointer;
	height: 25px;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
}

/********************************* 
*	Component art menu			 *
*********************************/
.ss-TopGroup
{
	cursor: default;
	color: #000;
	font-family: Times New Roman;
	font-size: 14px;
	font-weight: normal;
	height: 25px;
}
.ss-MenuGroup
{
	background-color: #e2e2e2;
	/*background:url(Images/Common/bgLine.jpg) repeat-x;*/
	cursor: default;
	color: #000;
	font-family: Times New Roman;
	font-size: 14px;
	height: 25px;
}
.ss-MenuItem
{
	color: #000;
	font-family: Times New Roman;
	font-size: 14px;
	font-weight: normal;
	cursor: default;
	height: 25px;
	background: url(Images/Common/bgLine.jpg) repeat-x bottom;
}
.ss-MenuItemHover
{
	color: #000;
	font-family: Times New Roman;
	font-size: 14px;
	font-weight: normal;
	cursor: default;
	height: 25px;
background: url(Images/Common/bgLine.jpg) repeat-x bottom;
}
.ss-TopMenuItem
{
	background-color: #e2e2e2;
	color: #000;
	font-family: Times New Roman;
	font-size: 14px;
	font-weight: normal;
	background: url(Images/Common/bgLine.jpg) repeat-x bottom;
	cursor: default;
	height: 25px;
}
.ss-TopMenuItemHover
{
	color: #000;
	font-family: Times New Roman;
	font-size: 14px;
	font-weight: normal;
	cursor: default;
	height: 25px;
}
.uiMediaThumbAlbHuge, .uiMediaThumbHuge .uiMediaThumbWrap i
{
	height: 115px;
	width: 159px;
}
.uiMediaThumbAlb
{
	margin-bottom: 4px;
	margin-right: 4px;
}
.uiMediaThumb
{
	border: 1px solid #CCCCCC;
	-moz-border-radius: 3px;
	display: inline-block;
	outline: medium none;
	padding: 4px;
	position: relative;
	vertical-align: bottom;
}
.uiMediaThumbWrap
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 3px;
	left: 4px;
	padding: 4px;
	position: absolute;
	top: 4px;
}
.photoDetails
{
	overflow: hidden;
	padding-top: 2px;
	width: 169px;
	word-wrap: break-word;
	color: #3B5998;
	cursor: pointer;
	text-decoration: none;
}
.photoDetails A
{
	color: #3B5998;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
.pls
{
	padding-left: 5px;
}
.uiMediaThumb:hover, .uiMediaThumb:hover .uiMediaThumbWrap, .uiMediaThumb:active, .uiMediaThumb:active .uiMediaThumbWrap, .uiMediaThumb:focus, .uiMediaThumb:focus .uiMediaThumbWrap
{
	border-color: #3b5998;
}


