/* custom stuff */

.clr {
	clear: both;
}


/** some content stuff **/
div#wrapper {
		margin-left: auto;
		margin-right: auto;
		min-width: 750px;
		max-width: 980px;
		width: expression(document.body.clientWidth > 980? "980px": "auto" );
		position: relative;
		min-height:1200px;
		max-height: 1600px;
		height: 1600px;
}


div#top{
	height: 350px;
	position: relative;
}

span#logo {
	position: absolute;
	display: block;
	left: 600px;
	top: -1px;
	z-index: 90;
	background: transparent;
}
span#freemp3 {
  position: absolute;
	display: block;
	left: 90px;
	top: 80px;
	z-index: 200;
	background: transparent;
}
span#socialmedia_head {
	position: absolute;
	display: block;
	left: 80px;
	z-index: 100;
	background: transparent;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
}
span#socialmedia {
	position: absolute;
	display: block;
	left: 20px;
	top: 280px;
	z-index: 100;
	background: transparent;
}
div#bottom {
	height: 19px;
	padding-top: 5px;
	font-size: 7pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #A2A7A9;
	text-align: center;
}


.content {
text-align: justify;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #222222;
font-size: 10pt;
font-weight: normal;
}

.footer { clear: left; width: 100%; text-align: center; margin: auto; color: gray; background: #efefef; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; font-size: 7pt; margin: 10px 0px 0px -3px; background-position: bottom left; background: url(../images/header_bg.jpg) no-repeat; height: 32px; }

/* Boxes */
.iframe {color:white; float:left; font: 10pt Arial, Helvetica, Sans-Serif; text-align: justify; margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px; scrollbar-base-color: #000000; scrollbar-track-color: #222222; scrollbar-face-color:#000000; scrollbar-highlight-color:#111111; scrollbar-3dlight-color: #333333; scrollbar-darkshadow-color:#1a1a1a; scrollbar-shadow-color:#222222; scrollbar-arrow-color: #ffffff; }
.scrollbox {color:white; float:left; font: 10pt Arial, Helvetica, Sans-Serif; overflow:auto; text-align: justify; margin: 0px 0px 0px -20px; padding: 20px 20px 20px 20px; scrollbar-base-color: #000000; scrollbar-track-color: #222222; scrollbar-face-color:#000000; scrollbar-highlight-color:#111111; scrollbar-3dlight-color: #333333; scrollbar-darkshadow-color:#1a1a1a; scrollbar-shadow-color:#222222; scrollbar-arrow-color: #ffffff;  }
.box20 { padding:10px 20px 10px 20px;color:white; background:transpearant; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: url(http://www.hiprofile.com/clients/ko/images/box20.png) top left repeat;}
.box40 { padding:10px 20px 10px 20px;color:white; background:transpearant; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: url(http://www.hiprofile.com/clients/ko/images/box40.png) top left repeat;}
.box30 { padding:10px 20px 10px 20px;color:white; background:transpearant; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: url(http://www.hiprofile.com/clients/ko/images/box30.png) top left repeat;}
.box50 { padding:10px 20px 10px 20px;color:white; background:transpearant; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: url(http://www.hiprofile.com/clients/ko/images/box50.png) top left repeat;}
.box60 { padding:10px 20px 10px 20px;color:white; background:transpearant; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: url(http://www.hiprofile.com/clients/ko/images/box60.png) top left repeat;}
.box80 { padding:10px 20px 10px 20px;color:white; background:transpearant; float:left;font-family:Verdana, Arial, Helvetica;text-align:justify; background: 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-color: #000000; border: 1px dotted #111111; width: 95%; margin-bottom:20px; }
.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-color: #000000; border: 1px dotted darkgoldenrod; width: 95%; margin-bottom:20px; }
.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-color: #222222; width: 95%;}
.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; background:transpearant; font-family:Verdana, Arial, Helvetica;text-align:justify; background: 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 0px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: Goldenrod; font-size: 16pt; font-weight: bold;  zoom: 1.0; }
h2 	{ margin: 10px 0px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: Goldenrod; font-size: 14pt; font-weight: bold;  zoom: 1.0; }
h3 	{ margin: 10px 0px 15px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #f47836; font-size: 13pt; font-weight: bold; zoom: 1.0; }
h4 	{ margin: 10px 0px 10px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: orange; font-size: 12pt; font-weight: bold; border-bottom: dotted 1px; zoom: 1.0; }
h5	{ margin: 10px 0px 10px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: Peru; font-size: 11pt; font-weight:  bold; border-bottom: dotted 1px; zoom: 1.0; }
h6 	{ margin: 10px 0px 10px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: Gold; font-size: 10pt; font-weight: bold; zoom: 1.0; }

div.hr { height: 1px; border-bottom: 1px dotted goldenrod; }
/*div.hr hr { display: none; } */
.hr { height: 1px; border-bottom: 1px dotted goldenrod; margin: 0px; padding: 0px; width: 900px; }

/* Content */
.date		{font:normal 8pt sans-serif;text-align: right; margin-right: 40px;}
.nav			{float: left; text-align: left; }
.p, P	  	{font-family: Arial, Helvetica, Verdana, sans-serif; text-align: justify; text-decoration: none; font-weight: normal; font-size: 10pt; margin: 10px 3px 20px 3px; zoom: 1.0; }
.text	  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-align: justify; text-decoration: none; font-weight: normal; font-size: 10pt; margin: 3px 3px 3px 3px; padding:0px 3px 0px 3px; zoom: 1.0; }
.question		{font-family: Arial, Helvetica, Verdana, sans-serif; color: green; text-decoration: none; font-weight: bold; font-size:11pt;}
.thumb	  	{margin:0px 20px 20px 0px; padding: 5px; border: 2px solid black;background-color: #ffffff; }
 
.textwhite  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: bold; font-size: 11pt;}
.textperu  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: Goldenrod; 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;  zoom: 1.0; }
.print	  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; font-size: 7.5pt;  zoom: 1.0; margin-left:60px;}
.small	  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; font-size: 6.5pt; zoom: 1.0; }
.indicia	  	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; font-weight: normal; font-size: 6pt;  zoom: 1.0; }

.header   	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #cc9933; text-decoration: none; font-weight: bold; font-size: 12pt;}
.titletable 			{font-family: Arial, Helvetica, Verdana, sans-serif; color: goldenrod; text-decoration :none; font-weight: bold; font-size: 9pt; }
.titletable a:link 		{font-family: Arial, Helvetica, Verdana, sans-serif; color: goldenrod; text-decoration :none; font-weight: bold; font-size: 9pt; }
.titletable a:visited	{font-family: Arial, Helvetica, Verdana, sans-serif; color: goldenrod; text-decoration :none; font-weight: bold; font-size: 9pt; }
.titletable a:active 	{font-family: Arial, Helvetica, Verdana, sans-serif; color: goldenrod; 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-color: #cccccc; }
.tourtitle	{width:110px; float: left; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: darkgray; font-size: 16pt; font-weight: bold;}
.title  		{font-family: Arial, Helvetica, Verdana, sans-serif; color: goldenrod; text-decoration: none; font-weight: bold; font-size: 11pt;}
.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 */
.pagelink			{color:goldenrod; padding-left: 5px;  padding-right: 5px; margin: 1px 0px 1px 0px; background: #111111; font-weight: bold;}
.link 			{font-family: Arial, Helvetica, Verdana, sans-serif; color: white; text-decoration :none; margin-left:2px; margin-right: 2px; display: inline; }
.link a:link 		{font-family: Arial, Helvetica, Verdana, sans-serif; color: white; text-decoration :none; font-weight: bold; border-bottom: 1px dotted white;}
.link a:visited	{font-family: Arial, Helvetica, Verdana, sans-serif; color: peru; text-decoration :none; font-weight: bold; border-bottom: 1px dotted peru; }
.link a:active 	{font-family: Arial, Helvetica, Verdana, sans-serif; color: darkgoldenrod; text-decoration :none; font-weight: bold; border-bottom: 1px dotted #222;}
.link a:hover 		{font-family: Arial, Helvetica, Verdana, sans-serif; color: white ; text-decoration :none; font-weight: bold; background-color: #222; border-bottom: 1px solid #222;}

a img {border: none; } 

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

a.tip				{position:relative; z-index:24; text-decoration:none; font-family: Arial, Helvetica, Verdana, sans-serif; color: darkgoldenrod; 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 darkgoldenrod; 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: Gold; 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: DarkGoldenrod; text-decoration: none; font-weight: normal; padding: 2px; background-color: #333333; border: 1px solid DarkGoldenrod;}



/* 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: #232833; text-decoration: none; font-weight: bold; font-size : 11pt; padding: 0px 5px 0px 5px; border: 1px solid white;}

/* Input */
.input_error	{float: left; font-family: Arial, Helvetica, Verdana, Sans-serif; color:  silver; text-decoration: none; font-weight: normal; font-size : 9pt; background-color: #222222; border: 1px solid silver; margin: 3px; position; relative; }
.label_error	{float: left; font-family: Arial, Helvetica, Verdana, Sans-serif; color:  silver; text-decoration: none; text-align: left; font-weight: bold; font-size: 9pt;  padding: 0px; margin: 3px; position; relative; }
.input		{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; width: 250px; padding-left:3px;}
.inputselect	{float: left; font-family: Arial, Helvetica, Verdana, Sans-serif; color: #232833; text-decoration: none; font-weight: normal; font-size : 8pt; background-color: #232833; padding: 0px; margin: 0px;}
.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;}
.input_drop	{font-family: Arial, Helvetica, Verdana, Sans-serif; color:   white; text-decoration: none; font-weight: normal; font-size : 9pt; background-color: #333333; position:relative; }
.error	  	{float: left; font-family: Arial, Helvetica, Verdana, Sans-serif; color:  silver; text-decoration: none; text-align: left; font-weight: bold; font-size: 9pt; width: 100px; padding: 0px; margin: 3px; }
.formtitle	{float: left; font-family: Arial, Helvetica, Verdana, Sans-serif; color: #ffffff; text-decoration: none; font-weight: bold; font-size: 9pt; width: 100px; padding: 0px  0px  0px  0px; margin: 3px 3px 3px 3px; display: inline; }
.errorR	  	{float: right; font-family: Arial, Helvetica, Verdana, Sans-serif; color:  silver; text-decoration: none; text-align: left; font-weight: bold; font-size: 9pt; width: 100px; padding: 0px; margin: 3px; }
.formtitleR	{float: right; font-family: Arial, Helvetica, Verdana, Sans-serif; color: #ffffff; text-decoration: none; font-weight: bold; font-size: 9pt; width: 100px; padding: 0px  0px  0px  0px; margin: 3px 3px 3px 3px; display: inline; }


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

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

/* Buttons */
.btn_silver	{border: 1px solid black; cursor: pointer; font-weight: bold; color: black; background-color: silver; height: 25px; }
.btnblack	{border: 1px solid white; cursor: pointer; font-weight: bold; color: white; background-color: black; height: 25px;}
.btn_black	{border: 1px solid white; cursor: pointer; font-weight: bold; color: white; background-color: black; height: 25px;}
.buttons 	{border: 1px solid black; cursor: pointer; font-weight: bold; color: white; background-color: black; height: 25px;}
.btn_gold 	{border: 1px solid white; cursor: pointer; font-weight: bold; color: black; background-color: gold; height: 25px;}
.btn_green	{border: 1px solid white; cursor: pointer; font-weight: bold; color: black; background-color: gold; height: 25px;}
.btn_white 	{border: 1px solid black; cursor: pointer; font-weight: bold; color: black; background-color: white; height: 25px;}
.btn_red 	{border: 1px solid black; cursor: pointer; font-weight: bold; color: black; background-color: goldenrod;}
.vote		{border: 1px solid #efefef; cursor: pointer; font-weight: bold; color: white; background: darkgoldenrod url(../images/btn_vote.gif) repeat-x bottom left; height: 25px; }
}