/* CSS Document */
body{
	width: auto;
	height:100%;
	overflow-x: auto;
	overflow-y: scroll;
	margin: 0px auto;
	padding: 0px;
	text-align:center;
	font-family:verdana,trebuchet ms,tahoma,arial,sans-serif;
	font-size:8pt;
	color:#444444;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;

}



#MainFrame {
	position:relative;	
	padding:2px;		
	width: 1000px;
	background-color: transparent;

	
}

.header {
	opacity : .9;
	Filter: Alpha(Opacity=90);
}


.header2 {
	opacity : .60;
	Filter: Alpha(Opacity=60);
}

.header3 {
	opacity : .30;
	Filter: Alpha(Opacity=30);
}

/************************User text, hyperlink and anchor tag styles *************************/

.text{
	font-family:verdana,trebuchet ms,tahoma,arial,sans-serif;
	font-size:8pt;
	color:#666666;
}

a{
	color: #711b9b;
	text-decoration: none;
	font-size:9pt;	
}

a:link{
	color: #711b9b;
	text-decoration: none;
}

a:visited{
	color: #711b9b;
	text-decoration: none;
}

a:hover{
	color: #711b9b;
	text-decoration: underline;
}

/************************ System text and Hyperlink  *************************/
.sys_1 {	
	color: #9944CC;
	font-size: 8pt;	
}

.sys_msg {	
	color: #333333;
	font-size: 8pt;	
}

.sys_fixed {	
	color: #666666;
	font-size: 8pt;	
}

.sys_fixed .title{
	font-size:10pt;
	font-weight:bold;
}

.sys_1_border{
	border-top-width:1px;
	border-top-color:#DDDDDD;
	border-top-style:solid;
}

.sys_1_border_bottom{
	border-bottom-width:1px;
	border-bottom-color:#DDDDDD;
	border-bottom-style:solid;
}

.sys_1_border_bottom_dobule{

	border-bottom: 3px double #666666;
}

.sys_fixed a{
	color: #666666;	
	text-decoration: none;
	font-size: 8pt;		
}

.sys_fixed a:link{
	color: #666666;	
	text-decoration: none;
}

.sys_fixed a:visited{
	color: #666666;	
	text-decoration: none;
}

.sys_fixed a:hover{
	color: #9944CC;	
	text-decoration: underline;
}


.sys_1 a:link{
	color: #999999;	
	text-decoration: none;
}

.sys_1 a:visited{
	color: #999999;	
	text-decoration: none;
}

.sys_1 a:hover{
	color: #9944CC;	
	text-decoration: underline;
}
.sys_2 {	
	color: #FF0000;
	font-size: 8pt;
}

.btncursor {
		cursor: pointer;
}

.buttontext{	
	color: #444444;
	vertical-align: bottom;
	padding:1px;
	font-size:12px;
	font-weight:normal;
	font-family:verdana,trebuchet ms,tahoma,arial,sans-serif;	
}

/******************* Frame ************************/
.MainPanel{
	width:100%;
	height:auto;	
	text-align:center;
	padding:0px;
	
	/****** background color/image *********/
	background-color:transparent;
	/****** border *********/
	border-width:0px;
	border-style:solid;

}

.MainPanel .title{
	font-size:12pt;
	font-weight:bold;
	background-color:#9944CC;
	color:#ffffff;
	padding:5px;
}

.MainPanel .nottitle{
	font-size:10pt;
	font-weight:normal;
	background-color:#9944CC;
	color:#ff6600;
	padding:5px;
}

.MainPanel .title a{
	font-size:12pt;
	font-weight:bold;	
	color:#ffffff;
	text-decoration: none;
}

.MainPanel .title a:link{
	/*text-decoration: underline;*/
	text-decoration: none;
}

.MainPanel .title a:visited{
text-decoration: none;
}

.MainPanel .title a:hover{
	text-decoration: underline;
}

.MainPanel .descarea{	
	background-color:#9944CC;
	opacity : 1;
	Filter: Alpha(Opacity=100)	;
	
	padding:3px;
	width:98%;	
}

.bold{
	font-weight:bold;		
}

/******************* Tool Frame ************************/
.ToolPanel{
	width:100%;
	height:auto;		
	padding:0px;
	
	/****** background color/image *********/
	background-color:#ffffff;	
	opacity : 1;
	Filter: Alpha(Opacity=100)	;
	
	/****** border *********/
	border-width:0px;
	border-style:solid;
	border-color:#FFD89D;		
}

.ToolPanel .title{
	font-size:10pt;
	font-weight:bold;
	background-color:#FFD89D;
	color:#ffffff;
	padding:2px;	
}


.ToolPanel .text{	
	color:#ff6600;
	font-size:8pt;
}

.ToolPanel2{
	font-size:8pt;	
	height:auto;		
	padding:0px;
	color:#444444;
	/****** background color/image *********/
	background-color:#f3f3f3;	
	opacity : 1;
	Filter: Alpha(Opacity=100)	;
	
	/****** border *********/
	border-width:2px;
	border-style:solid;
	border-color:#ffb17d;		
}
.ToolPanel2 table{
	font-size:8pt;		
	color:#444444;	
}

/*******************Hr Frame************************/

hr {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	text-align:center;	
}
.hr {
	border-style: solid;
	border-width: 1px;
	border-color: #444444;
	text-align:center;
	width:98%;	
}

/********************* Image ***********************************/

.img_bkg_mover {
	background-color: #ffffff;
	border:1px;
	border-style:solid;
	border-color:#AAAAAA;		
}

.img_bkg{	
	border:1px;	
	border-style:solid;
	border-color:#DDDDDD;	
	
}
.Border {
	border: 1px solid #666666;
}
.WFrame{
	padding:0px;
	background-color:#9944CC;
	border: 1px solid #666666;
}
/************************ Input Box Style *************************/

.inputbox {
	background-color: #FFFFFF;	
	width: auto;
	border-top: 1px solid #bbbbbb;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #bbbbbb;
	vertical-align: middle;
	color: #444444;
	font-size:12px;
	font-weight:normal;
	font-family:verdana,trebuchet ms,tahoma,arial,sans-serif;	
}
.linkinputbox {
	background-color: #FFFFFF;	
	width: auto;
	border-top: 1px solid #bbbbbb;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #bbbbbb;
	vertical-align: middle;
	color: #999999;
	font-size:10px;
	font-weight:normal;
	font-family:verdana,trebuchet ms,tahoma,arial,sans-serif;	
}

.textTitle {
	vertical-align: middle;
	color: #999999;
	font-size:8pt;
	font-weight:normal;
	font-family:verdana,trebuchet ms,tahoma,arial,sans-serif;	
}

.transparentClass {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background: transparent;

	text-align:center;

	font-family:verdana,trebuchet ms,tahoma,arial,sans-serif;

}

.transparentClassLeft {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background: transparent;

	text-align:left;

	font-family:verdana,trebuchet ms,tahoma,arial,sans-serif;

}

.width85 {
	width:85px;
}


/******************* Image Opacity *******************/

.opacity {
	opacity : .9;
	Filter: Alpha(Opacity=90);
}
.opacity40 {
	opacity : .3;
	Filter: Alpha(Opacity=40);
}
.imgDetail {
	opacity : .9;
	Filter: Alpha(Opacity=90);	
}

.imgDetail80 {
	opacity : .8;
	Filter: Alpha(Opacity=80);
}
/******************* Image Opacity *******************/
#AlbumDetail {
	display: inline;
}

.ContentFrame{
display:inline;
background-attachment:fixed ;
}


.greenborder{
	border-color: #99cc33;
	border-style: solid;
	border-width: 1px;
	padding:5px;	
	background-color: #F9F9F9;
}
.orangeborder{
	border-color: #9944CC;
	border-style: solid;
	border-width: 1px;	
}
.yellowborder{
	border-color: #ffcc00;
	border-style: solid;
	border-width: 1px;	
}
.purpleborder{
	border-color: #711b9b;
	border-style: solid;
	border-width: 1px;	
}
.blueborder{
	border-color: #6699ff;
	border-style: solid;
	border-width: 1px;	
}
.colorselector{
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;	
	width:25px;
	padding:1px;
	height:19px;
	text-decoration: none;
	vertical-align: middle;
	display:inline;
}
.greenta{
	border-color: #9944CC;
	border-style: solid;
	border-width: 1px;	
	background-color: #F5F5F5;
	color: #888888;
	font-size:9pt;
}


.heading_1 {
	color:#000000;
	font-size:11pt;
	font-weight: bold;
}
.heading_2 {
	color:#ffcc00;
	font-size:11pt;
	font-weight: bold;
}
.heading_3 {
	color:#ffffff;
	font-size:11pt;
	font-weight: bold;
}
.heading_4 {
	color:#711b9b;
	font-size:11pt;
	font-weight: bold;
}

.clickimg{
	text-decoration:none;
	cursor:pointer;

}

.btn_1 {
	width:30px;	
	border-bottom:1px solid #666666;
	border-top:1px solid #666666;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	text-align:center;
	color: #666666;
	font-size: 8pt;
	/*padding:3px 10px 2px;
	font-size: 8pt;
	font-weight:bold;
	color:#666666;
	white-space:nowrap;
	border:1px solid #999999;
	cursor:pointer;	*/
}
.btn_1 a{
	width:30px;	
	color: #666666;	
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
}
.btn_1 a:link{
	width:30px;	
	color: #666666;	
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;	
}

.btn_1 a:visited{
	width:30px;	
	color: #666666;		
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
}

.btn_1 a:hover{
	width:30px;		
	color: #333333;	
	text-decoration: underline;
	padding-left:5px;
	padding-right:5px;	
}

.paddingleft5px{
	padding-left:5px;	
	
}

.paddingright5px{
	padding-right:5px;	
}

.sysmsg_bbr{

	color:#9e4bce;
	background-color:#eae0f1;
	padding:5px;
	font-size:10pt;
}


.albumLayer3 { 

z-index: 3; 
position: absolute; 

vertical-align: bottom; 
}

.albumLayer2 { 

z-index: 2; 
position: absolute; 

vertical-align: bottom; 
}

.albumLayer1 { 

z-index: 1; 
position: absolute; 

vertical-align: bottom; 
}

.noneDisplay{
	display:none;	
}

.inlineDisplay{
	display:inline;	
}
.darktext {
	font-size:9pt;
	color:#333333;
}


.tipsQues {
	font-size: 12px;
	color: #FF8000;
	font-weight: bold;
}
.tipsAns {font-size: 10px; color: #cccccc; }

.list-item {
            margin: 0px;
            float: left;            
            width: 130px;
            height: 150px;            
            border-width: 0px;
            border-style: solid;
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            
}

/*
div.dropmarker {     
      background-image: url(skyalbum\img\Other\dropmarker.png) left top;
      z-index:1000;
      overflow: hidden;
      background-repeat: no-repeat; 
      margin:	0px;
    }

div.dropmarker123 { 
	
      margin: 0px;      
      z-index:1000;     
      background-repeat: no-repeat;
      background: url(\skyalbum\img\Other\dropmarker.png) left top;
      overflow: hidden;
       background-color: white;
      opacity : .5;
	  Filter: Alpha(Opacity=50);
}
div.dropmarker2 {
      height:170px;
      width:160px;
      margin 0px;
      z-index:1000;           
      background-repeat: no-repeat;
      background-color: white;
      opacity : .5;
	  Filter: Alpha(Opacity=50);   
	     
}*/

.list-album{
    margin: 0px;
    float: left;   
    width: 160px;
    height: 180px;
    
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

div.cartHover{
	 background-color: white;
      opacity : .5;
	  Filter: Alpha(Opacity=50);   
}


.emptyPlaceMarker
			{
			border-right: #330033   thin dashed;
			border-top: #330033  thin dashed;
			border-left: #330033  thin dashed;
			border-bottom: #330033  thin dashed;
			top:0;
			float:left;			
			background-color: #FFFFCC ;
    	    opacity : .5;
			Filter: Alpha(Opacity=50);   
}

.cartCount{
	border:0;
	width:20;
	font-family:verdana,trebuchet ms,tahoma,arial,sans-serif;		
}

.cartInfo {
	font-size:9pt;
	
	background:#FFFFCC;
	opacity: .90;
	filter: Alpha(Opacity=60);
}

.show{
	visibility: visible;
	display:inline;
}

.hide{
	visibility:hidden;
	display:none;	
}


.text10 {
	font-size:10pt;
	color:#666666;
}

.textFriend{
	font-family:verdana,trebuchet ms,tahoma,arial,sans-serif;
	color:#666666;
	font-size:12px;
}

.move{
	background-color: #FFFFFF;
	z-index:1;	
}
.move .title{
	font-size:10pt;
	font-weight:bold;
	background-color:#9944CC;
	color:#ff6600;
	padding:5px;
}

.move p{
	color:#FFFFFF;	
}

.inputboxNoBorder {
	background-color: #FFFFFF;	
	width: auto;
	vertical-align: middle;
	color: #444444;
	font-size:12px;
	font-weight:normal;
	font-family:verdana,trebuchet ms,tahoma,arial,sans-serif;
	
}

.SC_optionBox {	
	color: #0000FF;/*774C01   386900*/
	font-size: 10pt;
	font-weight:bold;
	font-style:normal;
	

}
.whitebg{
	background-color: #FFFFFF;	
}

.info{
	color: #666666;
	font-size: 8pt;
	SCROLLBAR-FACE-COLOR: #ffffff;
 	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
 	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 	SCROLLBAR-ARROW-COLOR: #999999;
 	SCROLLBAR-TRACK-COLOR: #ffffff;
 	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
 	SCROLLBAR-BASE-COLOR: #ffffff;
 	padding:0px;
}
.info div table{
	color: #666666;
	font-size: 8pt;
	width:"100%";
	SCROLLBAR-FACE-COLOR: #ffffff;
 	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
 	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 	SCROLLBAR-ARROW-COLOR: #999999;
 	SCROLLBAR-TRACK-COLOR: #ffffff;
 	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
 	SCROLLBAR-BASE-COLOR: #ffffff;	 		
} 
.info div table table{	
	width:"100%";	
	border:1px solid #666666;
	background-color:#fbfbfb;		
	padding:0px;			
} 

.info div table table th{
	color: #ffffff;
	background-color: #333333;
	border:1px solid  #333333;	
	font-weight:bold;
	font-size: 8pt;
	padding:2px;
	text-align:center;	 				
}
.info div table table td{	
	border-bottom:1px solid  #333333;
	border-left:0px solid  #333333;
	border-right:0px solid  #333333;	
	padding:2px;
	text-align:center;	 						
}
.info div table table td p{		
	text-align:left;	 						
}

.infotable{	
	color: #666666;
	font-size: 8pt;		
	border-bottom:0px solid #cccccc;
	border-top:0px solid #666666;
	border-left:0px solid #666666;
	border-right:0px solid #666666;	
	
}
.infotable .subtitle{	
	color: #ff6600;	
	font-weight:normal;
	font-size: 9pt;			
}
.infotable .subtable{	
	
	font-size: 8pt;
	border:1px solid #333333;
}
.infotable .steptitle{	
	
	font-size: 12pt;
	color:#CC0000;
	font-weight:bold;	
}
.infotable .subtabletitle{	
	
	font-size: 8pt;		
}
.infotable .subtablebottom{	
	padding:3px;				
	border-bottom:1px solid #333333;			
}
.infotable .subtableright{				
	border-right:1px solid #333333;			
}
.infotable .tdtitle{
	padding:3px;	
	color: #ffffff;
	background-color: #333333;	
	font-weight:bold;
	font-size: 8pt;		
}

.info a{
	font-family:verdana,trebuchet ms,tahoma,arial,sans-serif;
	color: #666666;	
	font-size: 8pt;		
	text-decoration: none;
	
}
.info a:link{

	color: #9944CC;	
	text-decoration: none;
	
}

.info a:visited{
	
	color: #9944CC;		
	text-decoration: none;
	
}

.info a:hover{
	
	color: #ff6600;	
	text-decoration: none;
	
}
.info .step a:hover{
	
	color: #ff6600;	
	font-weight:bold;
	text-decoration: none;
	
}
.info .steptitle a:link{

	color: #cc0000;
	font-size:10pt;	
	text-decoration: none;
	
}
.highlight a{
	
	color: #ffffff;	
	padding:5px;
	background-color:#cc0000;
	text-decoration: none;
	
}
.highlight a:link{

	color: #ffffff;	
	
	background-color:#cc0000;
	text-decoration: none;
	
}

.highlight a:visited{
	
	color: #ffffff;	
	background-color:#cc0000;
	text-decoration: none;
	
}

.highlight a:hover{
	
	color: #ffffff;	
	padding:5px;
	background-color:#9944CC;
	text-decoration: none;
	
}
.sys_fixed_content {
	color: #9944CC;	
	text-decoration: none;
	font-size: 8pt;	
}

.text8 {
	font-size:8pt;
	color:#aaaaaa;
}

.inlineCenter {

	display:inline;
	text-align:center;	
}
.blackborder{				
	border:2px solid #bd2209;
	background-color:#ffffff;			
}

.infoPanel{
	vertical-align:top;
	text-align:right;
}

/************ RATING *************/

.rateTitle{
	font-weight:bold;
	font-size:10pt;	
}

/*********** PROFILE AVATAR **********/

.profileLayer1{
	height:90;
	width:340;	
	padding:0;	
	position:relative;
}

.profileLayer2{
	width:345;
	opacity : .50;
	Filter: Alpha(Opacity=80);
	
	border:2px solid white;
	z-index:1;
	position:absolute;	
	height:90;
	background:black;
}

.profileLayer3{
	border:1px solid gray;
	background:white;
	position:absolute;
	padding:5px;
	
	
	width:310;
	height:70;	
	/*left:9;
	top:8;*/
}

.relative{
	position:relative;	
}

.avatarTitle{
	font-weight:bold;
	font-size:10pt;	
}

.avatarChange{
	position:absolute;
	/*top:-10;
	left:90;*/
	background:white;
	z-index:99999999;
	border-top:3px solid #a8a8a8;
	border-left:1px solid #a8a8a8;	
	border-right:1px solid #a8a8a8;	
	border-bottom:1px solid #a8a8a8;	
}

.hidescroll{
	overflow:hidden;
}

/***********  REPORT PHOTO  ************/

.reportPhoto{
	width:400px;
	height:290px;
	/*border:1px solid red;*/
	position:absolute;
	z-index:10;
	background:white;	
	
	border-top:5px solid #707070;
	border-left:1px solid #707070;	
	border-right:1px solid #707070;	
	border-bottom:1px solid #707070;	
}


.navPadRight{
	padding-right:5px;
}

.navPadLeft{
	padding-left:5px;
}


/************* Uploader ***************/
.uploaderStatus{
	height:220px;
	
	z-index:4;
}

.uploadResult{
	width:300px;
	height:200px;
	float:left;	
}

.uploadLink{
	float:left;
	width:200px;	
}

.sys_fixed .uploadStatus_title{
	font-size:14pt;
	font-weight:bold;
}

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

.hgc_remainPT{
position: absolute;
top: 0; left: 0;
z-index: 10;
background:#ffc;
padding:5px;
border:1px solid #CCCCCC;
text-align:center;
font-weight:bold;
width:99%;
}


.hgcRemainTB{
	border-left:1px solid #FFAA00;	
	border-right:1px solid #FFAA00;	
	border-bottom:1px solid #FFAA00;	
	border-top:3px solid #FFAA00;	
	
	background-color:#FFFFEE;		
	z-index:9999;
}

.hgc_remainPT{
	
	position:absolute;	
	background-color:transparent;	
	
	z-index:9999;
	
}

.hgc_remainImg{
	position:absolute;
	top:6;
	left:15;
}

.hgc_hover_out{
	color: #666666;
	font-size: 8pt;	
}

.hgc_hover_in{
	color: #FFAA00;
	font-size: 8pt;		
	text-decoration: underline;
}

.sc_mini_title{
	background:#e8e8e8;
	font-weight:bold;
	text-align:left;
}


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

.history_cell1{
	background-color:#FFFFFF;	
}

.history_cell2{
	background-color:#f2edfa;
	
}