/* custom stuff */
/* Colors cc9966 Brown-light: dac2a4, Brown-Dark: 24110d, */

.clr { clear: both; }


/** some content stuff **/
div#wrapper { color: white; margin-left: auto; margin-right: auto; min-width: 960px; width:980px; position: relative;}
.nav		{float: left; height:  65px; width: 925px; text-align: left; margin-left: 25px; background-position: top left; background: url(../images/logo_bak.jpg) no-repeat;}
.player 	{clear: left; height:  70px; width: 925px; text-align: left; margin: 10px 0px 10px 0px; padding: 5px 0px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; font-size: 8pt; background-position: top left; background: url(../images/player_bk.png) no-repeat;}
.blog 	{float: left; height: 295px; width: 585px; text-align: justify; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; font-size: 8pt; background-position: top left; background: url(../images/blog_bk.png) no-repeat;}
.photos 	{float: left; height: 295px; width: 325px; text-align: left; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; font-size: 8pt; background-position: top left; background: url(../images/photos_bk.png) no-repeat;}
.signup 	{float: left; height: 220px; width: 585px; text-align: left; margin-top: 15px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; font-size: 8pt; background-position: top left; background: url(../images/signup_bk.png) no-repeat;}
.about 	{float: left; height: 220px; width: 325px; text-align: justify; margin-top: 15px; margin-left: 15px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; font-size: 8pt; background-position: top left; background: url(../images/about_bk.png) no-repeat;}
.tour 	{clear: left; height: 125px; width: 925px; text-align: left; margin-left: 0px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; font-size: 8pt; background-position: top left; background: url(../images/tour_bk.png) no-repeat;}
.sponsors	{clear: left; height: 125px; width: 925px; text-align: left; margin-left: 0px; padding: 0px 0px 0px 20px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; font-size: 10pt; background-position: top left; background: url(../images/tour_bk.png) no-repeat;}
.pagegrad	{border: 0px solid white; float:left; margin: 0px 0px 0px 25px; text-align: justify; float: left; text-size:9pt; padding: 0px  30px 20px 30px; width:870px; background:url(../images/page_grad.png) top left no-repeat;}
div#bottom { height: 19px; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #A2A7A9; text-align: left;}
.footer 	{clear: left; height:  43px; width: 960px; text-align: center; margin-top:10px; margin-left: 25px; margin-bottom: 10px; padding: 12px  0px  0px  0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; font-size: 8pt; background-position: top left; background: url(../images/footer.png) no-repeat;}

.boxbg 	{ padding:0px 0px 0px 0px; color:black; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: url(../images/block.gif) top left no-repeat;}
.boxbglg 	{ padding:0px 0px 0px 0px; color:black; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: url(../images/large_block.gif) top left no-repeat;}

/*menubar*/

/* Boxes */
.scrollbox {float:left; font: 10pt Arial, Helvetica, Sans-Serif; overflow:auto; text-align: justify; padding: 10px 10px 10px 10px; scrollbar-base-color: #24110d; scrollbar-track-color: #24110d; scrollbar-face-color:#000000; scrollbar-highlight-color:#24110d; scrollbar-3dlight-color: #24110d; scrollbar-darkshadow-color:#24110d; scrollbar-shadow-color:#24110d; scrollbar-arrow-color: #dac2a4;}
.roundbox { padding:10px 20px 10px 20px;color:white; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: transparent  url(../images/roundbox.png) top left no-repeat;}
.box20 { padding:10px 20px 10px 20px;color:white; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: transparent  url(http://www.hiprofile.com/clients/ko/images/box20.png) top left repeat;}
.box30 { padding:10px 20px 10px 20px;color:white; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: transparent  url(http://www.hiprofile.com/clients/ko/images/box30.png) top left repeat;}
.box40 { padding:10px 20px 10px 20px;color:white; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: transparent  url(http://www.hiprofile.com/clients/ko/images/box40.png) top left repeat;}
.box50 { padding:10px 20px 10px 20px;color:white; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: transparent  url(http://www.hiprofile.com/clients/ko/images/box50.png) top left repeat;}
.box60 { padding:10px 20px 10px 20px;color:white; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: transparent  url(http://www.hiprofile.com/clients/ko/images/box60.png) top left repeat;}
.box80 { padding:10px 20px 10px 20px;color:white; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: transparent  url(http://www.hiprofile.com/clients/ko/images/box80.png) top left repeat;}

.blockgrey	{float: left; font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; font-size: 10pt; text-align: justify; padding: 20px; background: #000000; border: 1px dotted #111111; margin: 10px 10px 10px 10px;}
.block		{float: left; font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; font-size: 10pt; text-align: justify; padding: 20px; background: black filter:alpha(opacity=35);  opacity: 0.35;; border: 1px dotted #cc9966; margin: 10px 0px 10px 0px;}
.management	{float: left; font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; font-size: 10pt; text-align: justify; padding: 20px; background: #cc9966; margin: 10px 10px 10px 10px;}

.exportbox	{background-color:#222222; color: #FFF6DF; border: 1px dotted black; padding:1px 1px 1px 1px; margin:5px; float:left; width:150px; text-align:left;}
.panelbox 	{margin: 5px 5px 5px 5px; border: thin dotted black; width: 490px; text-align: center;}
.iconbox 	     {float: left; text-align: left; padding: 5px 5px 5px 5px; width: 50%; color: white; font-size: 10pt; color:white; font-family:Verdana, Arial, Helvetica;text-align:justify; background: transparent  url(http://www.hiprofile.com/clients/ko/images/box40.png) top left repeat;}
.ibox 		{float: left; text-align: left; padding: 5px 5px 5px 5px; width: 98.5%; color: black; border: 1px dotted #222222;}
.outside		{width: 100%; padding: 2px; border: 1px solid #222222; margin-bottom: 10px;}

/* headers */

h1 	{ margin: 10px 10px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #cc9966; font-size: 24px; font-weight: bold; }
h2 	{ margin: 10px 10px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #cc9966; font-size: 20px; font-weight: bold; }
h3 	{ margin: 10px 10px 15px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #cc9966; font-size: 18px; font-weight: bold;}
h4 	{ margin: 10px 10px 10px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #cc9966; font-size: 16px; font-weight: bold; border-bottom: dotted 1px;}
h5	{ margin: 10px 10px 5px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #dac2a4; font-size: 14px; font-weight:  bold; border-bottom: dotted 1px;}
h6 	{ margin: 10px 10px 5px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #cc9966; font-size: 12px; font-weight: bold; margin-right: 40px; margin-bottom: 0px;}

div.hr 	{ height: 1px; border-bottom: 1px dotted #cc9966; }
div.hr hr { display: none; }
.hr 		{ height: 1px; border-bottom: 1px dotted #cc9966; margin: 0px; padding: 0px;}

/* Content */
.content	{font-family: Arial, Helvetica, Verdana, sans-serif; text-align: justify; text-decoration: none; font-weight: normal; font-size: 10pt; margin: 0px 10px 0px 10px; width:960px; border:0px red solid;}
.p, P	{font-family: Arial, Helvetica, Verdana, sans-serif; text-align: justify; text-decoration: none; font-weight: normal; font-size: 10pt; margin: 0px 0px 0px 0px;}
.date	{font:normal 8pt sans-serif;text-align: right; margin-right: 40px;}
.text	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-align: justify; text-decoration: none; font-weight: normal; font-size: 9pt;}
.question	{font-family: Arial, Helvetica, Verdana, sans-serif; color: green; text-decoration: none; font-weight: bold; font-size:11pt;}

.type	  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; font-size: 10pt;}
.page	  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; font-size: 11pt; }
.print	  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; font-size: 7.5pt; margin-left:60px;}
.small	  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; font-size: 6.5pt;}
.indicia	  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; font-size: 6pt;}

.header   			{font-family: Arial, Helvetica, Verdana, sans-serif; color: #cc9933; text-decoration: none; font-weight: bold; font-size: 12pt;}
.tourtitle			{font-family: Arial, Helvetica, Verdana, sans-serif; color: #A9A9A9; text-align: left; font-weight: bold; float: left; font-size: 14pt; }
.title  				{font-family: Arial, Helvetica, Verdana, sans-serif; color: #cc9966; text-decoration: none; font-weight: bold; font-size: 11pt;}

.titletable 			{font-family: Arial, Helvetica, Verdana, sans-serif; color: #cc9966; text-decoration :none; font-weight: bold; font-size: 10pt; }
.titletable a:link 		{font-family: Arial, Helvetica, Verdana, sans-serif; color: #cc9966; text-decoration :none; font-weight: bold; font-size: 9pt; }
.titletable a:visited	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #cc9966; text-decoration :none; font-weight: bold; font-size: 9pt; }
.titletable a:active 	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #cc9966; text-decoration :none; font-weight: bold; font-size: 9pt; }
.titletable a:hover 	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #0099cc; text-decoration :none; font-weight: bold; background: #cccccc; }
.subtitle 			{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: bold; font-size: 11pt;}
.comments 			{font-family: Arial, Helvetica, Verdana, sans-serif; color: #999999; text-decoration: none; background-color: #efefef; font-size: 10pt; border: dashed black 1pt; padding: 10px; margin: 10px; text-align: justify;}

/* Links */

/* Paginator */
.paginator 			{padding: 0px 5px 0px 5px; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; color: #dac2a4; text-decoration :none; font-weight: bold;}
.paginator a:link 		{padding: 0px 5px 0px 5px; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; color: #996633; text-decoration :none; font-weight: bold; background: #222222;}
.paginator a:visited	{padding: 0px 5px 0px 5px; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; color: #cc9966; text-decoration :none; font-weight: bold; background: #222222;}
.paginator a:active 	{padding: 0px 5px 0px 5px; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; color: #dac2a4; text-decoration :none; font-weight: bold; background: #222222;}
.paginator a:hover 		{padding: 0px 5px 0px 5px; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration :none; font-weight: bold; background: #663300;}

.paginatorlink 		{padding: 0px 5px 0px 5px; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; color: #dac2a4; text-decoration :none; font-weight: bold; background: #996633; border: 1px solid #996633;}

/* Page */
.link 			{font-family: Arial, Helvetica, Verdana, sans-serif; color: #efefef; text-decoration :none; display: inline; }
.link a:link 		{font-family: Arial, Helvetica, Verdana, sans-serif; color: #996633; text-decoration :none; font-weight: bold; border-bottom: 1px dotted white;}
.link a:visited	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #cc9966; text-decoration :none; font-weight: bold; border-bottom: 1px dotted #cc9966; }
.link a:active 	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #dac2a4; text-decoration :none; font-weight: bold; border-bottom: 1px dotted #cc9966;}
.link a:hover 		{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff ; text-decoration :none; font-weight: bold; background: #663300; border-bottom: 1px solid #222;}

.pagelink 		{font-family: Arial, Helvetica, Verdana, sans-serif; color: #dac2a4; text-decoration :none; margin: 25px 0px 0px 530px;}
.pagelink a:link 	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #996633; text-decoration :none; font-weight: bold; border-bottom: 1px dotted white;}
.pagelink a:visited	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #cc9966; text-decoration :none; font-weight: bold; border-bottom: 1px dotted #cc9966; }
.pagelink a:active 	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #dac2a4; text-decoration :none; font-weight: bold; border-bottom: 1px dotted #cc9966;}
.pagelink a:hover 	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff ; text-decoration :none; font-weight: bold; background: #663300; border-bottom: 1px solid #222;}


.thumbnail		{ position: relative; z-index: 0; filter:alpha(opacity=35);  opacity: 0.35; text-decoration: none; padding:0px; margin: 0px; }
.thumbnail:hover	{ background-color: transparent; z-index: 50; filter:alpha(opacity=100); opacity: 1.00; text-decoration: none; padding:0px; margin: 0px 0px 0px -20px; }

 /*CSS for enlarged image*/ 
.thumbnail span { position: absolute; background-color: black; padding: 5px 0px 5px 5px; left: -1000px; border: 1px dotted gray; display:none; color: black; text-decoration: none;}

/*CSS for enlarged image*/
.thumbnail span img { border-width: 0; padding: 2px;}

/*CSS for enlarged image on hover*/
.thumbnail:hover span{ display:inline; top: -10px; left: -50px;}
/*position where enlarged image should offset horizontally */

/* http://www.w3schools.com/Css/css_image_transparency.asp */
a img {border: none;} 
a img:hover {border: none;}

a.img {border: none;} 
a.img:hover {border: none; text-decoration: none; background: transparent; }

a.linkopacity img 		{filter:alpha(opacity=35);  opacity: 0.35; text-decoration: none; float: left; padding:0px; margin: 0px; display: inline; background-color : transparent; }
a.linkopacity:hover img	{filter:alpha(opacity=100); opacity: 1.00; text-decoration: none; float: left; padding:0px; margin: 0px; display: inline; background-color : transparent; }
.linkopacity img 		{filter:alpha(opacity=35);  opacity: 0.35; text-decoration: none; float: left; padding:0px; margin: 0px; display: inline; background-color : transparent; }
.linkopacity:hover img	{filter:alpha(opacity=100); opacity: 1.00; text-decoration: none; float: left; padding:0px; margin: 0px; display: inline; background-color : transparent; }

a.tip			{position:relative; z-index:24; text-decoration:none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #dac2a4; font-size: 9pt; font-weight: bold; }
a.tip:hover		{z-index:25; background-color:#212121}
a.tip span		{display: none}
a.tip:hover span	{display:block; position:absolute; top:1em; left:1.5em; width:200px; border:1px dotted #dac2a4; background-color:#efefef; color:#000000; text-align: left;}

.box	  		{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; padding: 2px; background-color: #333333; border: 1px solid #111111;}
a.box	  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; padding: 2px; background-color: #333333; border: 1px solid #111111;}
a.box:link  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; padding: 2px; background-color: #333333; border: 1px solid #111111;}
a.box:visited 	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #cc9966;  text-decoration: none; font-weight: normal; padding: 2px; background-color: #333333; border: 1px solid #111111;}
a.box:hover 	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #dac2a4; text-decoration: none; font-weight: normal; padding: 2px; background-color: #333333; border: 1px solid #dac2a4;}

/* Forms */
#textarea article {font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #000000; text-decoration: none; font-weight: normal; font-size : 9pt; background: #ffffff;}
.textarea  	{font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #232833; text-decoration: none; font-weight: normal; font-size : 9pt; background: #000000;}
.form_header	{width: 99%; background-color: #212121;}
.form_number	{float: left; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #ffffff; text-decoration: none; font-weight: bold; font-size : 11pt; background-color: Silver; padding: 0px 5px 0px 5px; }
.form_title	{float: left; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #efefef; text-decoration: none; font-weight: bold; font-size : 11pt; padding: 0px 5px 0px 5px;}
.dropdown		{background: #663300; color: #ffffff; border: 1px solid #aaaaaa;}
/* Input */
.formtitle	{float: left; font-family: Arial, Helvetica, Verdana, Sans-serif; color: #efefef; text-decoration: none; font-weight: bold; font-size: 9pt; width: 100px; padding: 0px  0px  0px  0px; margin: 3px; display: inline; }

.input		{width:300px; float: left; font-family: Arial, Helvetica, Verdana, Sans-serif; color:  #cc9966; text-decoration: none; font-weight: normal; font-size : 9pt; background-color: #ffffff; border: 1px solid #efefef; margin: 3px; padding-left:3px;}
.input_error	{width:300px; float: left; font-family: Arial, Helvetica, Verdana, Sans-serif; color:  #996633; text-decoration: none; font-weight: normal; font-size : 9pt; background-color: #efefef; border: 1px solid #cc9966; margin: 3px; padding-left:3px;}

.label_error	{float: left; font-family: Arial, Helvetica, Verdana, Sans-serif; color:  #996633; text-decoration: none; text-align: left; font-weight: bold; font-size: 9pt;  padding: 0px; margin: 3px; position: relative;}
.inputselect	{float: left; font-family: Arial, Helvetica, Verdana, Sans-serif; color: #aaaaaa; text-decoration: none; font-weight: normal; font-size : 8pt; background-color: #232833; padding: 0px; margin: 3px;}
.input_good	{float: left; font-family: Arial, Helvetica, Verdana, Sans-serif; color:   white; text-decoration: none; font-weight: normal; font-size : 9pt; background-color: #333333; border: 1px dotted white; margin: 3px; padding-left:3px;}
.error	  	{float: left; font-family: Arial, Helvetica, Verdana, Sans-serif; color:  #cc9966; text-decoration: none; text-align: left; font-weight: bold; font-size: 9pt; width: 100px; padding: 0px; margin: 3px; }

.textBoxSelected	{background-color: #efefef; border: 1px solid #cc9966; color:#1a1a1a; width: 250px; margin: 3px;}
.textBox 			{background-color: #dedede; border: 1px solid #cc9966; color:#1a1a1a; width: 250px; margin: 3px;}

/* Buttons */
.btn_gold		{border: 0px solid #efefef; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/gold.gif) no-repeat; height: 35px; width:100px;}
.btn_blue		{border: 0px solid #efefef; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/blue.gif) no-repeat; height: 35px; width:100px;}
.btn_red		{border: 0px solid #efefef; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/red.gif)  no-repeat; height: 35px; width:100px;}
.btn_green	{border: 0px solid #efefef; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/green.gif) no-repeat; height: 35px; width:100px;}
.btn_black	{border: 0px solid #efefef; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/black.gif) no-repeat; height: 35px; width:100px;}
.vote		{border: 0px solid #efefef; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/brown.gif) no-repeat; height: 35px; width:100px;}

.update		{border: 0px solid #efefef; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/gold.gif) no-repeat; height: 35px; width:100px;}
.submit		{border: 0px solid #efefef; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/green.gif) no-repeat; height: 35px; width:100px;}
.cancel		{border: 0px solid #efefef; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/black.gif) no-repeat; height: 35px; width:100px;}