html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:#AAA;
	font:12px/1.21 "Helvetica Neue",calibri,clean,"Bitstream Versa Sans",freesans,arial,sans;
	color:#060;
	cursor:default;
	overflow:hidden;
}

div, a, span, p {
	position:relative;
}

body input {
	font:12px/1.21 "Helvetica Neue",calibri,clean,"Bitstream Versa Sans",freesans,arial,sans;
}

body span.corner {
	position:absolute;
	display:block;
	width:2px;
	height:2px;
	border:1px solid #000;
	font-size:1px;
}

span.corner.tl {
	top:0;
	left:0;
	border-width:1px 0 0 1px;
}
span.corner.bl {
	bottom:0;
	left:0;
	border-width:0 0 1px 1px;
}
span.corner.tr {
	top:0;
	right:0;
	border-width:1px 1px 0 0;
}
span.corner.br {
	bottom:0;
	right:0;
	border-width:0 1px 1px 0;
}



div#tools_top {
	position:relative;
	display:block;
	width:100%;
	padding:3px 0 3px;
	margin:0;
	text-align:right;
	background:#BBB;
}

div#tools_top a.tool {
	padding:10px;
	padding:1px 5px;
	margin:0 4px 0 0;
	cursor:pointer;
	text-decoration:none;
	color:#9F9;
	background:#383;
}

div#tools_top a.tool:hover {
	color:#FFF;
	background:#5A5;
}

div#tools_top a.tool .corner {
	border-color:#BBB;
	background:none;
}


#loadingCover {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border-width:0;
	background:url('images/loading-dark.gif') center 200px no-repeat #000;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:999;
}
#loadingCover .inner {
	display:block;
	position:absolute;
	left:0;
	top:300px;
	width:100%;
	margin:0;
	padding:0;
	border-width:0;
	color:#FFF;
	font-weight:normal;
	font-size:400%;
	text-align:center;
	z-index:999;
}


#mouseFollower {
	width:20px;
	height:20px;
	visibility:hidden;
}

#mouseFollower.busy {
	visibility:visible;
	background:url('images/cursor_busy.gif') center no-repeat;
}

/* DIALER STYLING: */

div.dialer {
	width:420px;
	height:420px;
	margin:auto;
	padding:0;
	border:3px solid #999;
	background:#FFF;
	overflow:hidden;
	text-align:center;
}

div.dialer a.button {
	position:relative;
  display:block;
	top:10px;
	padding:5px 0 6px;
	width:8%;
	margin:3px auto;
	cursor:pointer;
	text-decoration:none;
	color:#9F9;
	background:#383;
}

div.dialer a.button:hover {
	color:#FFF;
	background:#5A5;
}

div.dialer a.button .corner {
	border-color:#FFF;
	background:none;
}






div#loginbox {
	position:absolute;
	left:-200%;
	top:0;
	width:500%;
	height:320px;
	padding-top:100px;
}

div#loginbox .logintitle {
	width:100%;
	height:1.1em;
	font-size:20px;
	margin-bottom:20px;
	font-variant:small-caps;
	font-weight:bold;
	overflow:hidden;
	text-align:center;
}

div#loginbox input {
	display:block;
	margin:auto;
	margin-top:0;
	margin-bottom:10px;
	width:10%;
	font-variant:small-caps;
	text-align:center;
}

div#loginbox input.text {
  display:block;
	width:10%;
	border:1px solid #090;
	background:#ACA;
	color:#383;
	font-size:16px;
	font-weight:bold;
	letter-spacing:inherit;
}

div#loginbox a.loginbutton {
  display:block;
	top:10px;
	padding:5px 0 6px;
	width:8%;
	margin:3px auto;
	cursor:pointer;
	text-decoration:none;
	color:#9F9;
	background:#383;
	font-size:16px;
}

div#loginbox a.loginbutton:hover {
	color:#FFF;
	background:#5A5;
}

div#loginbox a.loginbutton .corner {
	border-color:#FFF;
	background:none;
}

div#loginbox div#login_status {
	position:relative;
	overflow:hidden;
	padding:0;
	width:15%;
	margin:20px auto 0;
	border-top:1px solid #CFC;
}

div#loginbox div#login_status a.button {
  top:0;
  left:0;
  display:inline;
  position:relative;
	width:auto;
	padding:0 5px;
	margin:0;
}





div#registerbox {
	position:absolute;
	left:-200%;
	top:0;
	width:500%;
	height:400px;
	padding-top:20px;
}

div#registerbox img {
  display:block;
  height:60px;
  width:10%;
  margin:0 auto 2px;
}

div#registerbox .registertitle {
	width:100%;
	height:1.1em;
	font-size:20px;
	margin-bottom:10px;
	font-variant:small-caps;
	font-weight:bold;
	overflow:hidden;
	text-align:center;
}

div#registerbox input {
	display:block;
	margin:auto;
	width:10%;
	font-variant:small-caps;
	text-align:center;
}

div#registerbox input.text {
  display:block;
	width:10%;
	margin-top:0;
	margin-bottom:5px;
	border:1px solid #090;
	background:#ACA;
	color:#383;
	font-size:16px;
	font-weight:bold;
	letter-spacing:inherit;
}

div#registerbox a.registerbutton {
  display:block;
	top:10px;
	padding:5px 0 6px;
	width:8%;
	margin:3px auto;
	cursor:pointer;
	text-decoration:none;
	color:#9F9;
	background:#383;
	font-size:16px;
}

div#registerbox a.registerbutton:hover {
	color:#FFF;
	background:#5A5;
}

div#registerbox a.registerbutton .corner {
	border-color:#FFF;
	background:none;
}

div#registerbox div#register_status {
	position:relative;
	overflow:hidden;
	padding:0;
	width:15%;
	margin:20px auto 0;
	border-top:1px solid #CFC;
}






div#accountbox {
	position:absolute;
	left:0;
	top:0;
	width:420px;
	height:240px;
	padding-top:180px;
}





div#dialerbox {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:420px;
}

div#dialerbox .site {
	position:relative;
	display:block;
	width:30.47%;
	height:128px;
	float:left;
	clear:none;
	margin:0;
	padding:6px 1.328%;
	position:relative;
	border:none;
	background:url('images/bg-hover.png') -999px -999px no-repeat;
	cursor:default;
}

div#dialerbox .site.over , div#dialerbox .site.active {
	/*
	margin:-1px;
	padding:7px;
	border:none;
	*/
	background-position:center;
}


.dialer_contextmenu {
	width:12em;
	height:auto;
	padding:4px 0;
	margin:0;
	background:#FFF;
	border:1px solid #AAA;
	cursor:default;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.dialer_contextmenuitem {
	display:block;
	position:relative;
	background-color:#FFF;
	background-position:3px 2px;
	background-repeat:no-repeat;
	margin:0;
	padding:3px 0;
	color:#444;
	font-weight:normal;
	font-size:100%;
	text-indent:24px;
	cursor:pointer;
}

.dialer_contextmenuitem.over {
	background-color:#69B;
	color:#FFF;
}


/* * * * * * * * * * * * * * * * * * * * * * * * */
/*  You can skin any context menu Items you see! */
/* Use the text from the menu item converted to  */
/* lower case, with spaces converted to          */
/* underscores (_). See the examples below:      */

#dialer_contextmenuitem_open { background-image:url('images/menu_open.png'); }
#dialer_contextmenuitem_pop_open { background-image:url('images/menu_pop_open.png'); }
#dialer_contextmenuitem_open_fullscreen { background-image:url('images/menu_open_fullscreen.png'); }
#dialer_contextmenuitem_change_link { background-image:url('images/menu_change_link.png'); }
#dialer_contextmenuitem_change_image { background-image:url('images/menu_change_image.png'); }
#dialer_contextmenuitem_use_thumbnail { background-image:url('images/menu_use_thumbnail.png'); }
#dialer_contextmenuitem_change_name { background-image:url('images/menu_change_name.png'); }
#dialer_contextmenuitem_check_rank { background-image:url('images/menu_check_rank.png'); }






div#statusmessage {
	width:300px;
	margin:auto;
	padding:1px;
	background:#999;
	color:#555;
	font-size:13px;
	text-align:center;
}













.searchform {
	position:relative;
	display:inline;
	float:left;
	clear:none;
	margin:-1px 0 0 3px;
	padding:0;
}
.search_keywords {
	position:relative;
	top:0;
	margin:0;
	padding:0 1px 1px 18px;
	background:url('images/search.png') 1px 0px no-repeat #FFF;
	font-size:100%;
	border:1px solid #0C0;
	border-right-color:#0B0;
	border-left-color:#0A0;
	border-top-color:#090;
}













.tla {
	display:inline;
	float:left;
	clear:none;
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
}
.tla li {
	display:inline;
	list-style:none;
	margin:0 3px;
	padding:0;
}
.tla li a {
	padding:1px 4px;
	cursor:pointer;
	text-decoration:none;
	/*
	color:#9F9;
	background:#383;
	*/
	color:#555;
	background:#999;
}
.tla li a:hover {
	/*
	color:#FFF;
	background:#5A5;
	*/
	color:#333;
	background:#777;
}

























/* General Styling for settings */

.settings_area {
	display:block;
	position:relative;
	margin:3px;
	padding:3px;
	border:1px solid #CCC;
	overflow:hidden;
}

.settings_title {
	display:block;
	position:relative;
	margin:0;
	padding:4px;
	font-size:112%;
	font-weight:bold;
	border:none;
	text-decoration:none;
}

.themes_list {
	display:block;
	position:relative;
	list-style:none;
	overflow:hidden;
}

.themes_item {
	display:block;
	position:relative;
	list-style:none;
	float:left;
	width:29%;
	margin:0 0 0 2%;
	padding:0;
	border:1px solid #DDD;
	background:#F3F3F3;
	height:80px;
	cursor:pointer;
}
.themes_item.over {
	border:1px solid #BBB;
	background:#DDD;
	cursor:pointer;
}
.themes_item.current {
	border:1px solid #555;
	background:#CCC;
	cursor:pointer;
}

.themes_item_image {
	display:block;
	position:relative;
	width:64px;
	height:64px;
	margin:2px auto;
	padding:0;
	border:none;
}

.themes_item_label {
	display:block;
	position:relative;
	margin:0 auto;
	padding:0;
	border:none;
	font-weight:bold;
	text-align:center;
}