﻿#name{
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 5px;
}

#ius a{
	color: #0099FF;
	font-size: 7pt;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

#ius a:hover{
	color: #666;
	text-decoration: none;
}

.logout{
	font-size: 8pt;
	float: right;
	margin: 0px 10px 0px 0px;
}

.my{
	margin: 5px;
	font-size: 15pt;
	color: #99FF66;
	font-weight: bold;
	font-family: Arial;
	text-align: center;
	width: 100%;
	text-shadow: #000000 1px 1px 1px;
}

.my span{
	color: #999999;
	font-style:italic;
	font-size: x-small;
	float: left;
	text-shadow: none;
}

#avatar{
	text-align: center;
	position: relative;
}

#avatar img{
	border: none;
}

#avatarPkg span img{
	float: left;
	margin-right: 10px;
}

#avatarPkg span i{ color: #808080;}
#avatarPkg span b{ font-size: 14pt; white-space: nowrap; text-overflow:ellipsis; }




#icons td{
	max-width: 60px;
	overflow: hidden;
}

#icons img{
	border: none;
}

#icons td div{
	text-align: center;
	font-family: Arial;
	font-size: large;
	white-space: pre-line;
	text-decoration: none;
}

#icons td #img{
	display: block;
	text-align: center;
}

#app2 li{
	margin: 10px;
}

#app2 ul{
	list-style: none;
}

#app2 {
	width: 600px;
	display: inline-block;
	vertical-align: top;
	float: left;
}

#app2 li input, #app2 li textarea{
	padding: 9px;
	font-family: Arial;
	font-size: medium;
	list-style: none;
	width: 95%;
	font-weight: bold;
}

#app2 .button{
	float: right;
	font-weight: bold;
	padding: 5px;
}

#preview{
	display: inline-block;
	width: 220px;
	height: 380px;
	margin-top: 3px;
	padding: 70px 0px 20px 26px;
	background: url('../images/account/preview.jpg') no-repeat;
}

.no{
	color: gray;
}

#refer {
	margin-top: 10px;
	font-family: Arial;
	font-weight: bold;
	font-size: x-large;
}


#packages{
	width: 100%;
	margin-top: 10px;
	padding: 5px;
	border: 1px transparent solid;
}

#packages .row img{
	float: left;
	position: relative;
	padding: 10px;
	border: 0;
}

#packages .row{
	border-bottom: 1px #CCCCCC solid;
	height: 64px;
}

#packages .row span{
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 15pt;
}

#packages .row div{
	color: #999999;
	margin: 5px 0px 0px 0px;
	left: 25px;
	font-size: 10pt;
	width: 450px;
	overflow: hidden;
}

#packages .row .options{
	float: right;
	padding: 10px;
	margin: 10px;
}

#packages .row .options span{
	margin: 0 10px 0 10px;
}


#packagesV{
	width: 96%;
	margin-top: 10px;
	padding: 5px;
	border: 1px transparent solid;
}

#packagesV .row img{
	float: left;
	position: relative;
	padding: 10px;
	border: 0;
}

#packagesV .row{
	border-bottom: 1px #CCCCCC solid;
	height: 64px;
}

#packagesV .row span{
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 15pt;
}

#packagesV .row div span{
	font-size: 9pt;
	color: #CCC;
}


#display{
	float: right;
	color: gray;
	font-weight: bold;
}

a #showmore{
	width: 96%;
	color: #0066FF;
	font-size: large;
	font-weight: bold;
	text-align: center;
	font-family: Tahoma;
	padding: 5px;
}

a:active #showmore{
	background: #037EF1;
	color: #FFF;
}

#addsource {
	background: url('../images/profile/add.jpg') no-repeat;
	height: 45px;
	padding-left: 150px;
	margin: 0px 0px 15px 65px;
	display: block;
}

#addsource span{
	display: inline-block;
	background: url('../images/profile/bar.jpg') no-repeat;
	padding: 10px 2px 2px 10px;
	font-family: Arial;
	font-size: 15pt;
	height: 45px;
	width: 579px;

}

#notifications div{
	margin: 3px 0px 5px 0px;
	border-bottom: 1px #F8F8F8 solid;
	padding: 3px 0px 3px 29px;
	background: url('../images/account/notifications.png') -1px 2px no-repeat;
}

#notifications div.th{
	background: url('../images/account/notifications.png') -1px -25px no-repeat;
}

#notifications div.pa{
	background: url('../images/account/notifications.png') -1px -48px no-repeat;
}



form table td select{
	padding: 10px;
	font-size: large;
	width: 760px;
	margin-bottom: 30px;
	margin-top: 5px;
}

#screenies{
	margin-top: -20px;
	border: 1px #999 solid;
	background: #EAEFE4;
	border-top: none;
	width: 780px;
	min-height: 25px;
	margin-left: 35px;
	margin-right: 15px;
}

#screenies #o img{
	float: left;
	margin-top: -5px;
}
#screenies #o{
	text-align: right;
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	padding-top: 10px;
}

div#start{
	width: 100%;
	padding: 10px;
	text-align: center;
	display: inline-block;
	margin-left: -10px;
}

#start div{
	width: 320px;
	border-left: 1px #999 solid;
	padding: 10px;
	margin-top: -10px;
	cursor: pointer;
	display: inline-block;
}

#start div:hover{
	background: #C0C0C0;
}

#step2{
	width: 100%;
	padding: 10px;
}

#upload{
	float: right;
	width: 340px;
	padding: 10px;
	margin-right: -50px;
	display: inline-block;
}

#comp, #url{
	border-right: 1px #999 solid;
	width: 40%;
	padding: 10px;
	display: inline-block;
}

#comp input, #url input{
	width: 100%;
	padding: 10px;
}
	
#amount{
	text-align: left;
	font-size: 10pt;
}

.red{
	border: 1px #FF0000 solid;
}

#step2 .buttons{
	padding: 5px;
	width: auto;
	font-weight: bold;
	font-size: medium;
}

#cancel{
	text-align: left;
	font-size: 8pt;
}

#options
{
	display: block;
}

#save{ color: #52A7ED; text-decoration:underline;}


#gallery{
	display: block;
	width: 525px;
}

#gallery img{
	margin: 0 2px 0 2px;
	border: none;
	-webkit-box-shadow: 0 5px 5px -3px black;
	-moz-box-shadow: 0 5px 5px -3px black;

}

#gallery img.no{
	margin: 0 2px 0 2px;
	border: none;
	-webkit-box-shadow: 0 0px 0px 0px black;
	-moz-box-shadow: 0 0px 0px 0px black;

}


.black_overlay{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
}
.white_content {
			display: none;
			position: fixed;
			top: 25%;
			left: 25%;
			width: 50%;
			min-height: 160px;
			padding: 16px;
			background-color: white;
			z-index:1002;
			overflow: auto;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
}

#iconChanger{
	width: 100%;
}

#iconChanger span{
	float: left;
}

#iconChanger form{
	margin: 16px 0 0 0px;
	width: 100%;
	padding-top: 10px;
}

#iconChanger #filen{
	padding: 10px;
	font-size: 15pt;
}

#iconChanger .button{
	font-weight: bold;
	padding: 5px;
}


#sharingOptions{
	overflow: hidden;
	padding: 5px;
	display: none;
}

#sharingOptions input{
	width: 95%;
	padding: 5px;
	font-size: 10pt;
	font-family: Arial;
}

#sharing{
	text-align: right;
	float: right;
}

#sharing.closed a{
	display: inline-block;
	background: url('../images/share/sharing.png') no-repeat 0px -17px;
	height: 19px;
	width: 139px;
	cursor: pointer;
}

#sharing.opened a{
	display: inline-block;
	background: url('../images/share/sharing.png') no-repeat 0px -0px;
	height: 19px;
	width: 139px;
	cursor: pointer;
}

/*SETTINGS */

#settings{
	border: 1px #C0C0C0 solid;
	padding: 10px;
	margin-top: -13px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

input.text{
	background: url('../images/form/textInput.gif') no-repeat;
	font-family: Arial;
	font-size: 14pt;
	width: 710px;
	height: 34px;
	border: none;
	padding: 1px 15px 4px 9px;
	outline: none;
}

input.button{
	float: right;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 9px;
}

form h4{
	margin: 0 0 0 10px;
}

select, input.year{
	font-size: 12pt;
}

hr{
	border: 1px #E8E8E8 solid;
	clear: both;
	margin: 15px 0 5px 0;
}