/*========================================================*/
/* COLOR GUIDE                                            */
/*========================================================*/
/*
dark grey #464337
light grey #a2a19b

blue link #06f

h3 yellow border #ffd735

alt blue light #e1ecff

alt blue dark #94beff

========================================================= */


/*========================================================*/
/*    Cascading Style Sheet for the Community Engine      */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. UNIVERSAL THINGS                                   */
/*  2. HEADER                                             */
/*  3. WELCOME                                            */
/*  4. BOX and ALTBOX                                     */
/*  5. BODY                                               */
/*  6. SIDEBAR                                            */ 
/*  7. FOOTER                                             */
/*  8. COMMUNITY FOOTER                                   */
/*  9. CLEARFIX                                           */
/*  10. SORTABLES                                         */
/*  11. PAGINTATION                                       */
/*  12. CLIPPINGS                                         */
/*  13. TAG CLOUDS                                        */
/*  14. USER LIST                                         */
/*========================================================*/

span.localized {
	font-style: italic;
	color: red;
}
/* =============================================== */
/* 1. UNIVERSAL THINGS                             */
/* =============================================== */
#doc2{
	color: #464337;
}

a{color: #06f;}

a:hover{color: #06f;
		  text-decoration: none;
}

p{margin: 0 0 1em 0;}

div.auto_complete {
	width: 350px;
	background: #ffffff; }
div.auto_complete ul {
	border: 1px solid #888888;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto; }
div.auto_complete ul li {
	margin: 0;
	padding: 3px; }
div.auto_complete ul li.selected {
	background-color: #FFFDC0; }
.clear {
	clear: both;}
.right {
	float: right;}
.left {
	float:left;}
.centered {
	text-align:center; }
img.polaroid {
	padding:5px;
	border: 1px solid #A2A19B;
}


/* =============================================== */
/* 2. HEADER                                       */
/* =============================================== */

#hd{border-top: 4px solid #780000;}

#hd h1{float: left;}

#hd h1 a{
	font-size: 182%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	margin: 4px 0 4px 0;
	color: #464337;
}

#hd h1 a:hover{text-decoration: underline;}

#hd h2{
	float: right;
	font-size: 138.5%;
	margin-top: 25px;
}

#hd h2#newmail{
	float: right;
	padding-left: 20px;
	margin-right: 20px;
	background-color: transparent;
	background-image: url(/images/theme/icons/email_open.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/* Navbar */

#NavBar{
	background: #aba8a3 url(/images/theme/bg_navbar.gif) repeat-x 0 0;
	border-top: 1px solid #d9d6d3;
	clear: both;
}

#NavBar ul, #NavBar ul li{float: left;}

#NavBar ul li a{
	display: block;
	font-size: 108%;
	padding: 15px 10px;
	text-transform: uppercase;
	font-weight: bold;
	border-right: 1px solid #fff;
	color: #464337;
	text-decoration: none;
}

#NavBar ul li#active a, #NavBar ul li.current a{
	background: #fff;
	text-decoration: none !important;
}

#NavBar ul li a:hover{text-decoration: underline;}

#NavBar form{float: right;}

#NavBar form label{display: none;}

#NavBar form input{
	font-size: 108%;
	padding: 4px 15px 4px 5px;
	margin: 11px 10px 0 0;
	background: #fff url(/images/theme/search.gif) no-repeat right center;
	border: none;
}

/* Subnavbar */

#SubNavBar
{
	background: #aba8a3 url(/images/theme/bg_navbar.gif) repeat-x 0 0;
	border-top: 1px solid #d9d6d3;
	clear: both;
	display: block;
	width: 100%;
}

#SubNavBar ul, #SubNavBar ul li{float: left;}

#SubNavBar ul li a
{
	display: block;
	font-size: 80%;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: bold;
	border-right: 1px solid #fff;
	color: #464337;
	text-decoration: none;
}

#SubNavBar ul li#active a, #SubNavBar ul li.current a
{
	background: #fff;
	text-decoration: none !important;
}

#SubNavBar ul li a:hover{text-decoration: underline;}


/* =============================================== */
/* 3. WELCOME                                      */
/* =============================================== */

#welcome .box{
	background: #fff1b2;
	margin-top: 1em;
	padding: 1em;
	border-bottom: 2px solid #ffd735;
	border-top: 1px solid #ffd735;
}

#welcome .box h2{
	font-size: 197%;
	margin-bottom:.5em;
}

#welcome .box h2 a{color: #464337;}

#welcome .box p{
	font-size: 108%;}

#welcome .box h4{
	background:url(/images/theme/bg_h6btn.gif) repeat-x left center;
}

#welcome .box h4 a{
	background-color: transparent;
	background-image: url(/images/theme/icons/52.png);
	background-repeat: no-repeat;
	background-position: .5em center;
	display: block;
	padding: 1em 1em 1em 3.5em;
	font-size: 138.5%;
	text-decoration: none;
	text-transform: uppercase;
	color: #384016;
	font-weight: bold;
	border: 1px solid #9ec500;
}

#welcome .first .box h4 a{
	background-image: url(/images/theme/icons/31.png);
}

#welcome .box h4 a:hover{
	background-color: #9ec500;
}

/* =============================================== */
/* 4. BOX and ALTBOX                               */
/* =============================================== */

.box{
	margin-bottom: 1em;
}

.box h2{
	margin-bottom: .5em;
	font-weight: bold;
	font-size: 153.9%;
}

.box h3{
	font-size: 123.1%;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #ffd735;
	margin:1.5em 0 1em 0;
}

.alt{
	border: 1px solid #94beff;
	background: #e1ecff;
	padding: 1em;
}

.alt h3{
	border: none;
	margin: 0 0 .5em 0;
	padding: .5em;
	background: #94beff;
	color: #38465b;
}

.first_alt {
	margin-top:3.25em;
}


/* =============================================== */
/* 5. BODY                                         */
/* =============================================== */

/* blog entry */

.hentry{
	margin: 0 0 1em 0;
}

.comments .hentry{
	border-bottom: 1px dotted #a2a19b;
}

.comments .hentry:last-child{border: none;}

.hentry h4{
	font-size: 153.9%;
	font-weight: bold;
	margin-bottom: 15px;}

.hentry h4 a{
	text-decoration: none;
	color: #464337;
}

.hentry h4 a:hover{text-decoration: underline;}

.hentry .vcard{
	float: left;
	width: 13.8461em; /* about 180px */
	*width:  13.5em; /* for IE */
}

div.main div.vcard{
	width: 9.2307em; /* about 120px */
	*width:  9em; /* for IE */
}

.entry-content{
	margin-left:  15.3846em; /* about 200px */
	*margin-left:  15em; /* for IE */
}

div.main div.entry-content{
	margin-left:  10.4769em; /* about 140px */
	*margin-left:  10.5em; /* for IE */
}

.page-content, .event-content{
	margin-left: 0px; /* Use formatting for blog post except for left margin */
}

.event-edit-link{
	float: right;
}

.hentry .vcard h5{
	float: left;
	width: 66px;
}

.hentry .vcard h5 a img{
	display: block;
	border: 1px solid #a2a19b;
	padding: 2px;
	background: #fff;
}

.hentry .vcard h5 a:hover img{background: #a2a19b; }

.hentry .vcard ul{
	margin-left: 66px;
	font-size: 85%;
}

div.main .vcard ul{
	margin-left: 0;}


.hentry .vcard ul li{
	padding: 3px 0;
	border-bottom: 1px dotted #a2a19b;
	padding-left: 20px;
	background-color: transparent;
	background-position: left 3px;
	background-repeat: no-repeat;
}

.hentry .vcard ul li.fn{
	font-size: 130%;
	font-weight: bold;
	padding:0 0 3px 0;
}

.hentry .vcard ul li.update{background-image: url(/images/theme/icons/date.png) }
.hentry .vcard ul li.view{background-image: url(/images/theme/icons/page_white_magnify.png) }
.hentry .vcard ul li.comments{background-image: url(/images/theme/icons/comments.png) }
.hentry .vcard ul li.msg{background-image: url(/images/theme/icons/email_go.png) }
.hentry .vcard ul li.addfriend{background-image: url(/images/theme/icons/user_add.png) }
.hentry .vcard ul li.print{background-image: url(/images/theme/icons/printer.png) }
.hentry .vcard ul li.email{background-image: url(/images/theme/icons/user_go.png) }
.hentry .vcard ul li.share{
	/*	background-image: url(/images/theme/icons/group_go.png) */
	padding-left:0;
}
.hentry .vcard ul li.tags{background-image: url(/images/theme/icons/tag_blue.png) }
.hentry .vcard ul li.skills{background-image: url(/images/theme/icons/wrench.png) }
.hentry .vcard ul li.geo{background-image: url(/images/theme/icons/world.png) }
.hentry .vcard ul li.edit{background-image: url(/images/theme/icons/post.png) }
.hentry .vcard ul li.delete{background-image: url(/images/theme/icons/delete.png) }

.entry-content h6{
	border-bottom: 1px dotted #a2a19b;
	border-top: 1px dotted #a2a19b;
	text-align: right;
	padding:2px 0;
}

.entry-content h6 a{
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: transparent url(/images/theme/icons/add.png) no-repeat left center;
	padding-left: 20px;
	padding: 2px 2px 2px 20px;
}

.entry-content h6 a:hover{text-decoration: underline;}


/* brings back styles for entry elements */
.entry-content blockquote, .entry-content ul, .entry-content ol {margin:1em;}
.entry-content ol, .entry-content ul{margin-left:2em;}
.entry-content ol li {list-style: decimal outside;}
.entry-content ul li {list-style: disc outside;}
.entry-content strong{font-weight: bold;}
.entry-content em, .entry-content blockquote{font-style:italic;}
.entry-content blockquote{font-family:Georgia, Times, serif;}

.hentry .tags{margin-left: 0;}

.hentry .tags li{
	list-style: none;
	float: left;}

.hentry .tags li a{
	background: red;
	display: block;
	margin: 0 10px 5px 0;
	padding: 2px 0 2px 15px;
	background: url(/images/theme/icons/tag_blue.png) no-repeat left center;
}




/* =============================================== */
/* 6. SIDEBAR                                      */
/* =============================================== */

.list{
}

.list li{
	padding:3px 0;
	border-bottom: 1px dotted #a2a19b;
}

.checks li, .page li{
	padding-left: 20px;
	background-color: transparent;
	background-image: url(/images/theme/icons/accept.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.checks li{background-image: url(/images/theme/icons/accept.png)}
.page li{background-image:url(/images/theme/icons/page_white.png)}

/* user list */
dl.vcard{
	margin-bottom: 1em;
}

dl.vcard dt.photo{
	float: left;
	width: 66px;
	margin: 0;
}

dl.vcard dt.photo a img{
	display: block;
	padding: 2px;
	border: 1px solid #a2a19b;
	background: #fff;
}

dl.vcard dt.photo a:hover img{background: #a2a19b;}

dl.vcard dd{
	margin-left: 66px;
}

dl.vcard dd.fn a{
	font-size: 108%;
	font-weight: bold;
}

dl.vcard dd.member, dl.vcard dd.post, dl.vcard dd.rss{
	padding: 2px 0 2px 20px;
	border-top: 1px dotted #a2a19b;
	background-position: left center;
	background-repeat: no-repeat;
	background-color: transparent;
}

dl.vcard dd.member{background-image: url(/images/theme/icons/user.png);}
dl.vcard dd.post{background-image: url(/images/theme/icons/page_white.png);}
dl.vcard dd.rss{background-image: url(/images/theme/icons/rss.png);}

h6.all{margin:.5em 0;}

h6.all a{
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	background: transparent url(/images/theme/icons/add.png) no-repeat left center;
	padding:3px 0 3px 20px;
	color: #379d00;
}


/* Main Form ========================= */

.MainForm{
}

.MainForm label{
	display: block;
	margin: 1em 0 2px 0;
}

.MainForm label em{
	font-style: italic;
	font-family: Georgia, Times, serif;
	color: #777;
}

.MainForm select{
	border:1px solid #ccc;
}


.MainForm input, .MainForm textarea{
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 123.1%;
	font-weight: bold;
	color: #777;
	width: 250px;
	background: #f8f8f8;
}

.MainForm input[type=checkbox] {
	width: auto;
}

.MainForm input:focus, .MainForm textarea:focus{
	color: #777;
	border-color: #777;
	background: #fff;
}

.MainForm input.wrong, .MainForm .fieldWithErrors input {
	border-color: #f00;
	color: #f00;
	background: #ffd5d5;
}

/* submit */
.MainForm p input, .MainForm p button {
	padding-left: 1em;
	padding-right: 1em;
	background: #008000;
	border: 4px solid #004500;
	color: #fff;
	margin: 1em 0;
	width: auto;
	cursor: pointer;
}

.MainForm p input:hover{
	background:#004500;}


.MainForm strong{color: #f00;}

.MainForm strong.ok{color: #008000;}

.MainForm strong em{
	text-decoration: underline;
	font-weight: bold;}


.MainForm textarea{
	width: 550px;
	color: #777;
}


/* checks */

.MainForm fieldset {margin: 1em 0 0 0;}

.MainForm fieldset label{
	margin: 4px 0;
	color: #777;
}

.MainForm fieldset input{
	border: none;
	width: auto;
}

.MainForm fieldset.inline label{
	display: inline;
	margin-right: 1em;
}

.warning, #errorExplanation, .errorExplanation{
	padding: 1em 1em 1em 1em;
	margin: 1em 0;
	border: 1px solid #fc0;
	background: #fff3c5;
	color: #6b5e2b;
}


/* =============================================== */
/* 7. FOOTER                                       */
/* =============================================== */
#ft{
	background: #f1f1f1;
	padding-bottom: 1em;
	border-top: 1px solid #ccc;
}

#ft .yui-u .box{margin:0 1em 0 0;}

#ft .first .box{margin:0 0 0 1em;}

#ft .yui-u .box h3{
	color: #666;
	border-color: #666;
}

/* whats fresh */

.fresh dl{
	clear: both;
	border-bottom: 1px dotted #ccc;
	padding: 3px 0;
}

.fresh dt{
	float: left;
	width: 10.8461em; /* about 180px - 3em */
	*width:  10.5em; /* for IE */
}

.fresh dd{
	margin-left:  12.3846em; /* about 200px - 3em*/
	*margin-left:  12em; /* about 200px */
}

.fresh dt {
	padding-left: 20px;
	background-image: url(/images/theme/icons/activity_default.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;
}

.fresh .comment dt {background-image: url(/images/theme/icons/comment.png);}
.fresh .photo dt {background-image: url(/images/theme/icons/picture.png);}
.fresh .clipping dt {background-image: url(/images/theme/icons/book.png);}
.fresh .updated_profile dt {background-image: url(/images/theme/icons/user_edit.png);}
.fresh .favorite dt {background-image: url(/images/theme/icons/heart_add.png);}
.fresh .post dt, .fresh .sb_post dt, .fresh .topic dt{background-image: url(/images/theme/icons/post.png);}
.fresh .rsvp dt, .fresh .event dt {background-image: url(/images/theme/icons/date.png);}

/* =============================================== */
/* 8. COMMUNITY FOOTER                             */
/* =============================================== */

#CommunityFooter{
	margin: 20px 0;
	font-size: 85%;}

#CommunityFooter ul, #CommunityFooter ul li{float: left;}

#CommunityFooter li a{
	padding: 2px 10px;
	display: block;
	border-left: 1px solid #ccc;
}

#CommunityFooter li#rss a{
	color: #fff;
	background: orange;
	text-decoration: none;
}


#CommunityFooter li:first-child a{
	border: none;
	padding-left: 0;
}


#CommunityFooter p{
	float: right;
	padding: 2px 0 2px 120px;
	background: url(/images/theme/logo.gif) no-repeat left center;
}

/* =============================================== */
/* 9. CLEARFIX                                     */
/* =============================================== */

#NavBar:after, .hentry:after, .box:after, dl.vcard:after, .fresh dl:after, #CommunityFooter:after, .hentry .tags:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html #NavBar, * html .hentry, * html .box, * html dl.vcard, * html .fresh dl, * html #CommunityFooter, * html .hentry .tags {display: inline-table;}

/* Hides from IE-mac \*/
#NavBar, .hentry, .box, dl.vcard, .fresh dl, #CommunityFooter, .hentry .tags {height: 1%;}
#NavBar, .hentry, .box, dl.vcard, .fresh dl, #CommunityFooter, .hentry .tags {display: block;}
/* End hide from IE-mac */



/* SORTABLES */
ul.sortable {
	list-style:none;
	border:1px solid #ccc;
	min-height:20px;
	line-height:1.5em;
	padding:0;
}
ul.sortable li {
	cursor: move;
}

ul.sortable_hover {
	border:1px dashed #328E01;
	background:#efefef;
}

ul#skills {
	width:250px;
	height:200px;
	overflow:auto;
}
ul#skills li {
	background:#ffffff;
	margin:.5em;
	padding:.5em;
	border:1px solid #cccccc;
}

ul#users_skills {
	width:250px;
	background:#eee;
	overflow:hidden;
}		
ul#users_skills li {
	background:#ffffff;
	margin:.5em;
	padding:.5em;
	border:1px solid #cccccc;
}	
.handle {
	cursor:move;
}


/*	PAGINATION	*/
div.pagination {
	margin: 10px;
	clear:both;
}
div.pagination div.pagination_info {
	float:right;
}
div.pagination a {
	margin-right:0.3em;
	padding:0.4em;
}
div.pagination a:hover {
	background:#828282;
	color:#ffffff;
	margin-right:0.3em;
	padding:0.4em;
}
div.pagination a.active {
	background:#828282;
	border:none;
	color:#ffffff;
}

/* CLIPPINGS */
.clippings_grid {
	background: #fff; }
.clippings_grid .row .clipping {
	border: 1px solid #ccc;
	padding: 10px 15px 20px 15px;
	margin: 10px 20px 20px 20px;
	width: 200px;
	float: left; }
.clippings_grid .row .clipping img.clipping_image {
	width: 200px; }
.clippings_grid .row .clipping p {
	font-size: 85%;
	margin-top: 10px; }


/* Tag Clouds */
.nube1 {
	font-size: 1.0em; }

.nube2 {
	font-size: 1.3em; }

.nube3 {
	font-size: 1.4em; }

.nube4 {
	font-size: 1.5em; }

.nube5 {
	font-size: 1.6em; }

.nube6 {
	font-size: 1.8em; }

.selected {
	color: #268999; }

/* USER LIST */
div.user_list .row {
	border:1px solid #cccccc;
	margin:1em 0 1em 0;
	margin-bottom:1.5em;
	padding:0.5em;
}
div.user_list .row h3 {
}
div.user_list div.vcard {
	width: 100%;}
div.user_list div.vcard ul {
	margin-left: 0;
	font-size: 85%;
}


/*PHOTOS & CLIPPINGS*/
#photos img.polaroid, #clippings img.polaroid {
	margin: 0 12px 15px 0;
}

/*USER PROFILE SIDEBAR*/
#profile_details div.vcard{
	width: 100%;}
#profile_details .vcard ul{
	margin-left: 0px;}

/* CATEGORY PAGES */
.box h3 ul.subnav {
	display:inline;
	font-size: .7em;
	font-weight:normal;
	text-transform:none;
	margin:0 0 0 10px;
}
ul.subnav li {
	display:inline;}
ul.subnav li a.active {
	color:#000;
	text-decoration:none;}


/*SWF UPLOAD*/
.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
.progressContainer .red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.progressContainer .green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
.progressContainer .blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}
.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
div.uploadStatus {
	margin: 5px;
}
div.progressBar {
	margin: 5px;
}
div.progressBar div.border {
	background-color: #fff;
	border: 1px solid gray;
	width: 100%;
}
div.progressBar div.background {
	background-color: #333;
	height: 18px;
	width: 0%;
}

.mceEditor .left {
	float:none;
}
.mceEditor table {
	margin: 0; }
.mceEditor table th {
	padding: 0;
	margin: 0;
	border: inherit;
	font-weight: normal; }
.mceEditor table td {
	padding: 0;
	margin: 0;
	border: inherit; }
.mceEditor table tfoot {
	font-style: inherit; }
.mceEditor table caption {
	background: none; }
.mceEditor table img {
	margin: 0 0 0; }


/* TABLES */
table th {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
table td {
	padding: 5px;
}


/* MESSAGES */
ul.message_nav li {
	background-position: left;
	background-repeat: no-repeat;
	padding-left:20px;
}
ul.message_nav li.inbox_new {background-image: url(/images/theme/icons/email_open.png);}
ul.message_nav li.inbox {background-image: url(/images/theme/icons/email.png);}
ul.message_nav li.sent {background-image: url(/images/theme/icons/email_go.png);}
li.compose {background-image: url(/images/theme/icons/email_edit.png);}
.messages .photo a img{
	float: left;
	display: block;
	padding: 2px;
	border: 1px solid #a2a19b;
	background: #fff;
}
table.messages tbody td {
	border-bottom: 1px solid #ccc;
}
.messages .photo a:hover img{background: #a2a19b;}
.messages em {
	font-style: italic;
	font-family: Georgia, Times, serif;
	color: #777;
}	
.messages td.meta {
	font-size: 85%;
	text-align: right;
}
pre.message_body {
	padding: 10px;
	border: 1px solid #ccc;
	background: #efefef;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


table.poll {
	width: 100%;
	margin-bottom: 3em; }
table.poll td {
	border-bottom: none; }
table.poll td .vote {
	display: block;
	float: left;
	background: url(/images/theme/icons/vote.png) no-repeat left;
	padding: 0 10px 0 20px;
	height: 20px;
	margin-right: 10px;
	border-right: 1px solid #ccc; }
table.poll td.bars {
	width: 50%; }
table.poll td.bars div.bar-container {
	border: 1px solid #ccc;
	width: 90%;
	margin: 0px 5px 2px 0;
	padding: 1px;
	float: left;
	background: white;
	height: 1em; }
table.poll td.bars div.bar-container .bar {
	background-color: #cfe1f1;
	height: 12px;
	font-size: 10px;
	text-align: right;
	padding-right: 2px; }

/* User Menu Dropdown*/
#user-menu {
	padding-right: 15px;
	background: url(/images/theme/icons/bullet_arrow_down_50.png) no-repeat right;
}
#user-menu:hover {
	background: url(/images/theme/icons/bullet_arrow_down.png) no-repeat right;
}

.icon_row a {
   margin-right:5px;
}
.icon_row a img {
   border:0;
   vertical-align:middle;
}


/* Notify Bar */
.jquery-notify-bar {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:32768;
	background-color:#efefef;
	font-size:15px;
	color:#000;
	text-align:center;
	font-family: Arial, Verdana, sans-serif;
	padding:20px 0px;
	border-bottom:1px solid #bbb;
	font-weight:bold;
}
.jquery-notify-bar.notice {
	color:#fff;
	background-color:#ccc;
}
.jquery-notify-bar.error {
	color:#f00;
	background-color:#fdd;
}
.jquery-notify-bar.success {
	color:#060;
	background-color:#BBFFB6;
}
.notify-bar-close {
	position:absolute;
	left:95%;
	font-size:11px;
}

/* Character Bilder */
div.polaroid
{
	float:left;
	background-color:#f5f5f2;
	margin-left:10px;
	margin-bottom:13px;
	padding:10px;
	border:1px solid #cac9c4;
	font-size:9px;
	text-align:center;
	min-height: 105px;
}

div.polaroid img
{
	display:block;
	margin-bottom:10px;
	border:1px solid #cac9c4;
}

.polaroid_pic
{
	height: 80px;
	width: 80px;
	min-height: 80px;
	margin-bottom:10px;
}

/* Entry Picture */
.entry_picture
{
	height:100px;
	float: left;
}

/* User Menu */
#user-menu-tip
{
	display: none;
	background-color: white;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	z-index: 9999;
}

/* FAQ */
.faq h4
{
	font-size: 103.1%;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #ffd735;
	margin:1.5em 0 1em 0;
}

/* Calendar, Entry */
.date_box {width: 60px; height: 60px; text-align: center; float: left; margin-right: 10px}
.date_header {width:100%; height:20px; line-height:20px; background-color:#1E5E9B; color:white; font-size:15px; border: 1px solid #284969}
.date_sub {width:100%; height:40px; line-height:40px; background-color:white; color:gray; font-size:25px; font-weight:bold; border: 1px solid silver; border-top:0}
.calendar {width: 750px; margin-left: 75px}
.calendar_block {width: 100px; height: 100px; line-height: 100px; float: left; border: 1px solid silver}
.calendar_block_header {width:100%; height:20px; line-height:20px; background-color:#1E5E9B; color:white; font-size:15px; border: 1px solid #284969; text-align: center}
#entry_details {width: 975px}
.entry_detail_field {width: 475px; float: left}
.entry_detail_field_header {width: 200px; float: left}
.message_div {text-align: center; border: 1px solid gray}
.show_entry_index {float: left; width: 80px; height: 80px}


/* Feature List */
div#feature_list
{
	width: 670px;
	height: 240px;
	overflow: hidden;
	position: relative;
	border: 1px solid gray;
}

div#feature_list ul
{
	position: absolute;
	top: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#featurelist_tabs
{
	left: 0;
	z-index: 2;
	width: 240px;
}

ul#featurelist_tabs li
{
	font-size: 12px;
	font-family: Arial;
}

ul#featurelist_tabs li img
{
	padding: 5px;
	border: none;
	float: left;
	margin: 10px 10px 0 0;
}

ul#featurelist_tabs li a
{
	color: #222;
	text-decoration: none;
	display: block;
	padding: 10px;
	height: 60px;
	outline: none;
}

ul#featurelist_tabs li a:hover
{
	text-decoration: underline;
}

ul#featurelist_tabs li a.current
{
	background:  url('/images/feature-tab-current.png');
	color: #FFF;
}

ul#featurelist_tabs li a.current:hover
{
	text-decoration: none;
	cursor: default;
}

ul#featurelist_output
{
	right: 0;
	width: 463px;
	height: 240px;
	position: relative;
}

ul#featurelist_output li
{
	position: absolute;
	width: 463px;
	height: 240px;
}

ul#featurelist_output li a
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	-moz-border-radius: 5px;
}

ul#featurelist_output li a:hover
{
	background: #D33431;
}

/* Payment */
.payment_paket
{
	border: 2px solid gray;
	float: left;
	width: 140px;
	height: 160px;
	margin: 4px 10px;
	text-align: center;
}

.payment_paket h3
{
	font-weight: bold;
}

.payment_price
{
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0;
}

.payment_price a
{
	text-decoration: none;
}

.payment_coins
{
	font-size: 1.2em;
	font-weight: bold;
}

.payment_coins img
{
	vertical-align: middle;
}

.payment_types
{
	margin-top: 20px;
}

.payment_coins_info
{
	width: 80px;
	height: 300px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.payment_coins_info_amount
{
	position: absolute;
	margin-top: 28px;
	color: white;
	font-weight: bold;
	font-size: 1.6em;
	text-align: center;
	width: 80px;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/images/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/images/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/images/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}