/*******************************************************************************
		Coded by GS on 07.03.2008, True Vision
*******************************************************************************/

html, body { height:100%; }

body { background:url(../images/i/bg/bg.jpg) #008bb9 0 0 repeat-x; padding:0; }


table.index { height:100%;  }
table.index td.index { vertical-align:middle; }


div.wrapper { margin:0 auto; width:820px; }


div.index {
	margin:0 auto; padding:55px 0;
	width:790px;
	color:#fff;
}
div.index a { color:#fff; }
div.index a:hover { color:#fff; }
div.index input.txt {
	border:none;
	background:url(../images/i/bg/input.png) 0 0 no-repeat;
	padding:0 10px;
	width:256px; height:52px; line-height:50px;
	color:#004a80;
	font-size:40px; font-family:tahoma, arial, verdana, trebuchet, sans-serif;
	outline: none;
}
div.index input.check { background-image:url(../images/i/bg/input_check.png); }
div.index form { padding-left:80px; }
div.index table.form-v { font-size:1.29em; font-family:"myriad pro", arial, verdana, trebuchet, tahoma, sans-serif; }
div.index div.error { padding-top:10px; }
div.index div.logo { position:absolute; z-index:1; padding-left:13px; }
div.index div.intro {
	margin-bottom:25px; padding:42px 0 0 360px;
	min-height:78px;
	line-height:1.18em;
	font-size:1.57em; font-family:"myriad pro", arial, verdana, trebuchet, tahoma, sans-serif;
	letter-spacing:-1px;
}
* html div.index div.intro { height:78px; }
div.index div.intro em { color:#fff; font-style:italic; }

div.login { padding-left:73px; padding-bottom:20px; }
div.login div.login-spacer { background:url(../images/i/bg/btn_login.png) 0 0 no-repeat; width:644px; height:81px; }
div.login div.login-link {
	position:absolute; z-index:1;
	padding:23px 17px 0 17px;
	width:644px;
	text-align:center;
	font-size:24px; font-family:"myriad pro", arial, verdana, trebuchet, tahoma, sans-serif;
}
div.login div.b2 { margin-left:7px; }
div.login div.b2-w2 { text-align:center; font-size:24px; font-family:"myriad pro", arial, verdana, trebuchet, tahoma, sans-serif; }
div.login div.b2-w2 div.connecting { margin:-13px 0; text-align:left; font-size:16px; }


div.about { padding:10px 80px; text-align:justify; }


div.twitter { position:absolute; top:6px; right:9px; z-index:3; }


div.copyright {
	position:absolute; z-index:1; left:50%;
	margin:-30px 0 0 -315px;
	color:#80c5dc;
	font-size:0.86em;
}
div.copyright a { color:#80c5dc; }
div.copyright a:hover { color:#fff; }

div.follow-us { position:absolute; left:50%; z-index:1; margin:-30px 0 0 190px; }
div.follow-us a { color:#80c5dc; }
div.follow-us a:hover { color:#fff; }


div.index div.donate { position: relative; }
#donate { margin-left: -40px; width: 156px; position: absolute; left: 100%; font-size: 0.857em; text-align: center; line-height: 1.5em; }
#donate div.x { margin: 0 2px 2px 0; text-align: right; }
#donate div.x a { background: url(../images/i/ico/x.gif) right no-repeat; padding-right: 12px; text-decoration: none; }
#donate div.dt { background: url(../images/i/bg/donate-t.png) no-repeat; height: 6px; }
#donate div.dx { background: url(../images/i/bg/donate-i.png) no-repeat; margin-top: 20px; width: 7px; height: 15px; position: absolute; left: -7px; }
#donate div.di { background: url(../images/i/bg/donate.gif) repeat-y; padding: 2px 10px; }
#donate div.di p { margin-bottom: 0.5em; }
#donate div.di form { padding: 5px 0 0 0; }
#donate div.db { background: url(../images/i/bg/donate-b.png) no-repeat; height: 6px; }
#donate div.dl { border-top: 1px solid #ade2f4; margin-bottom: 0.5em; }


div.user { float:right; color:#005f7f; font-size:0.86em; }


div.head { padding-top:30px; color:#fff; }
div.head a { color:#fff; }
div.head a:hover { color:#fff; }
div.head div.logo { position:absolute; z-index:1; margin-left:-30px; }
div.head div.intro {
	margin-bottom:25px; padding:12px 0 0 142px;
	width:360px; min-height:53px;
	line-height:1.12em;
	font-size:1.14em; font-family:"myriad pro", arial, verdana, trebuchet, tahoma, sans-serif;
}
div.head div.intro em { color:#fff; font-style:italic; }


div.footer { padding-bottom:20px; color:#80c5dc; }
div.footer a { color:#80c5dc; }
div.footer a:hover { color:#fff; }
div.footer div.feedback { float:right; font-size:0.86em; }
div.footer div.copyright { position:static; margin:0; padding-right:20px; }


div.upload { padding:13px 15px 0 5px; float:left; }


div.actions { padding-bottom:15px; float:right; }
div.actions input.btn { vertical-align:middle; }


div.settings { margin-bottom:20px; text-align:center; }
div.settings em.current { color:#959595; }


div.tabs { width:820px; margin-bottom:18px; }

div.tabs-menu ul { margin:0; padding:0; height:37px; }
div.tabs-menu ul li {
	background:url(../images/i/bg/tabs.gif) 0 -37px no-repeat;
	margin:0; padding:0 1px 0 0;
	float:left;
	height:37px; line-height:37px;
	font-size:24px; font-family:"myriad pro", arial, verdana, trebuchet, tahoma, sans-serif;
}
* html div.tabs-menu ul li { width:1em; }
div.tabs-menu ul li div { background:url(../images/i/bg/tabs.gif) 100% -148px no-repeat; padding:0 5px; height:37px; zoom:1; }
div.tabs-menu ul li div  div  { background:url(../images/i/bg/tabs.jpg) 0 0 repeat-x; white-space:nowrap; }
div.tabs-menu ul li a { text-decoration:none; color:#005f7f; cursor:pointer; }
div.tabs-menu ul li a:hover { color:#e40671; }
div.tabs-menu ul li.toggle-active { background-position:0 0; }
div.tabs-menu ul li.toggle-active div { background-position:100% -185px; }
div.tabs-menu ul li.toggle-active div div { background-image:none; background-color:#fff; }
div.tabs-menu ul li.toggle-active a, div.tabs-menu ul li.toggle-active a:hover { color:#e40671; cursor:default; }

div.tabs-content { background:#fff; padding:25px 30px 25px 25px; zoom:1; }
div.tabs-content div.error,
div.tabs-content div.done { margin:0; padding-left:5px; padding-bottom:15px; float:left; }

div.tabs-spcrtop, div.tabs-spcrbot {
	background:url(../images/i/bg/tabs_bot.png) 0 0 no-repeat;
	width:820px; height:5px;
	line-height:0; font-size:0;
}
div.tabs-spcrtop { background-image:url(../images/i/bg/tabs_top.png); }


div.tabs2 { margin-bottom:13px; }

table.tabs2 td { padding-right:10px; padding-bottom:4px; }
table.tabs2 td a { cursor:pointer; }
table.tabs2 td div.tab-spacer { position:relative; zoom:1; }
table.tabs2 td div.tab-spacer div { background:url(../images/i/b/1_bubble.gif) 0 0 no-repeat; line-height:0; font-size:0; }
table.tabs2 td.toggle-active a { cursor:default; }
table.tabs2 td.toggle-active a,
table.tabs2 td.toggle-active a:hover { color:#fff; }
table.tabs2 td.toggle-active a.toggle { border:none; }
table.tabs2 td.toggle-active div.tab-spacer div {
	position:absolute; top:5px; left:50%;
	margin-left:-4px;
	width:9px; height:7px;
}


div.empty { padding:100px; text-align:center; color:#ccc; }


div.images div.item {
	background:url(../images/i/bg/item.gif) 1000px 0 no-repeat;
	padding:5px;
	width:50px; height:83px;
	float:left;
	text-align:center;
}
div.images div.item-preloader { background:url(../images/i/preloader.gif) 0 0 no-repeat; display:none; }
div.images div.item-current { background-position:0 0; }
div.images div.item-selected { background-position:-60px 0; }
div.images div.item-deactive div.img img { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
div.images div.img { padding-bottom:8px; text-align:left; }
div.images div.img a { display:block; text-decoration:none; cursor:pointer; }
div.images div.img br { display:none; }
div.images div.img span { display:block; width:50px; height:50px; overflow:hidden; text-align:center; }
div.images div.img a em {
	position:absolute; z-index:1;
	border:1px solid #000;
	background:url(../images/i/bg/item_hover.png) 0 0 repeat;
	padding-top:10px;
	width:48px; height:38px;
	display:none;
	overflow:hidden;
	text-align:center;
	color:#fff;
	font-size:10px;
}
div.images div.img a:hover em { display:block; }

div.image-settings label { font-size:1.29em; }
div.image-settings table { margin:0 auto 20px auto; }
div.image-settings table h1 { margin:0; }
div.image-settings table td { padding:0 14px; vertical-align:middle; }
div.image-settings table td em { font-size:12px; }
div.image-settings table.image-background { margin:0; }
div.image-settings table.image-background input.btn { color:#0073ba; }
div.image-settings table.image-background td { padding:0 10px 0 0; }
div.image-settings div.image-preview { margin-bottom:5px; padding:5px; min-height:130px; text-align:center; }
* html div.image-settings div.image-preview { height:130px; }
div.image-settings div.image-tiled img { visibility:hidden; }
div.image-settings div.image-info { float:left; color:#404040; font-size:10px; }
div.image-settings div.form-btns { padding-top:3px; float:right; }
div.image-settings div.done,
div.image-settings div.error { text-align:center; }


div.content {
	background:#000;
	padding:10px 20px;
	width:780px;
	color:#fff;
	zoom:1;
}
div.content div.image-settings table.image-settings { width:100%; }

div.content-spcrtop, div.content-spcrbot {
	background:url(../images/i/bg/content_bot.png) 0 0 no-repeat;
	width:820px; height:5px;
	line-height:0; font-size:0;
}
div.content-spcrtop { background-image:url(../images/i/bg/content_top.png); }


div.middle { margin-bottom:18px; width:820px; }


table.admin { border-collapse:separate; font-size:12px; }
table.admin th { background-color:#9ee4fb; padding:3px 5px; }
table.admin td { background-color:#d3f3fd; padding:3px 5px; }
table.admin td.admin-tools { white-space:nowrap; }
table.admin tr:hover td { background-color:#fff1c7; }


div.profile { width:517px; }
div.profile div.form-btns { margin-top:20px; text-align:center; }
div.profile div.form-btns a { color:#f00; }
div.profile div.form-btns a.toggle { border-color:#f00; }
div.profile div.form-btns a:hover { color:#e40671; }
div.profile div.form-btns a.toggle:hover { border-color:#e40671; }
div.profile div.form-note { color:#4d4d4d; }
div.profile div.b1 table.calendar { margin:0 auto; }
div.profile div.b1 table.time { margin:0; }
div.profile div.calendar div.b1-w5 { text-align:center; }
div.profile div.tabs2 { margin-bottom:18px; }


div.dialog { padding:20px; width:620px; text-align:center; }
div.dialog p { font-size:24px; font-family:"myriad pro", arial, verdana, trebuchet, tahoma, sans-serif; }


#index { height:100%; position:relative; min-width:790px; min-height:500px; }
#index div.copyright { position:absolute; bottom:15px; left:50%; z-index:1; margin-left:-315px; }

/* coded by JM */
/*
#tab-avatars {
	display: none;
}
*/