/* 
    Author     : Richard Lutz
    Description: Default Styles for quizomat.ch
    Optimized  : for Quizomat.ch v3.2.1
*/

/* GLOBAL RESET *****************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}
fieldset, img {border: 0;	margin: 0;	padding: 0}
table {border-collapse: collapse;	border-spacing: 0}
ol, ul {list-style: none}
/* GENERAL STYLES **************************************/
body,td,th {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #013453;
}
body {
	background-color:#D9F5E7;
	background-image: url(/images/bgimage.png);
	background-repeat:repeat-x;
}
h1 {
	font-size: 16px;
	color: #02A93A;
	text-transform: uppercase;
    padding: 2px 0 15px 0;
}
h2 {
	font-size: 14px;
	color: #02A93A;
    padding: 2px 0 7px 0;
}
h3 {
	font-size: 12px;
	color: #035f98;
    padding: 0 0 5px 0;
}
h1 a, h2 a, h3 a {font-size: 11px; color: #035f98}
h1.profilTitle { font-size: 15px; margin: 0; padding: 0; }
input, select, textarea {
    background-color:#E8F0F2;
    border:1px solid #035f98;
    background-image: url('/images/bginput.jpg');
    width: 200px;
    padding: 1px;
}
textarea.showSrc {background-image: none; width: 338px; height: 54px;}
.quizIframe {
    width: 744px;
    height: 370px;
    border: none;
    overflow: hidden;
}
* html .quizIframe {width: 730px}
span.bold {font-weight: bold}
select {width: 204px}
input.checkbox {width: 16px; border: none; margin-right: 2px}
input.login {width: 120px}
input.loginButton {width: 75px; margin: 5px 0; padding: 0}
input.extraLarge {width: 410px; }
.inputOk {border:1px solid green; background-color: #DDF8E9}
.inputNok {border:1px solid red; }
.submitImage {background: none; border: none}
.small {font-size: 10px}
.ImgBorder {border: 1px solid black}
.helpEinrueckung {margin-left: 20px}
/* CONTAINER STYLES *************************************/
#siteContainer {width: 955px; margin: 0 auto}
#headerContainer {margin: 30px 0 0 0}
#sidebarLeftContainer {
    float:left;
    width:181px;
    margin-right:10px;
}
#mainContentContainer {
    float:left;
    width:760px;
}
.mainContentElement {
    border:1px solid #035f98;
    padding:10px 14px 12px 14px;
    margin: 0 0 10px 0;
    min-height: 295px;
    background-color:#f2f8f5;
    background-image: url(/images/bgcontentelement5.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    -moz-border-radius:4px;
}
.mainContentElementiFrame {
    padding: 0;
    margin-bottom:13px;
    min-height: 370px;
    background-color:#f2f8f5;
    background-image: url(/images/bgcontentelement5.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.mainContentElementNews {
    border:1px solid #035f98;
    padding:10px 14px;
    margin: 10px 0 10px 0;
    background-color:#f2f8f5;
    -moz-border-radius:4px;
}
#footerContainer { height:25px; }
/* HEADER & MAINNAVIGATION STYLES ***********************/
#navigationLeft {
    background-position: 0px 12px;
    background-repeat: no-repeat;
    text-align:right;
    text-transform: uppercase;
    height:15px;
    width:302px;
    float:left;
    margin-top: 18px;
    margin-right:22px;
    padding: 5px 11px 4px 11px;
    border: 1px solid #02A93A;
    background-color:#F2F8F5;
    -moz-border-radius:4px 0 0 4px;
}
#navigationRight {
    background-position: 0px 12px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    height:15px;
    width:303px;
    float:left;
    margin-top: 18px;
    margin-left:21px;
    padding: 5px 11px 4px 11px;
    border: 1px solid #02A93A;
    background-color:#F2F8F5;
    -moz-border-radius:0 4px 4px 0;
}
#headerLogo {float:left}
.navigationSeperator {
    color:#56e18b;
    padding: 0 10px;
}
#TopSeperator {
    background-image: url(/images/trennlinie.gif);
    background-repeat: no-repeat;
    height:1px;
    margin:20px 0 25px 7px;
}
* html #TopSeperator {margin: 6px 0 15px 7px}
#BottomSeperator {
    background-image: url(/images/trennlinie.gif);
    background-repeat: no-repeat;
    height:1px;
    margin:15px 0 15px 7px;
}
a.mainNavigation {
    font-weight: 600;
    font-size:13px;
}
/* A / LINK STYLES **************************************/
a, a:visited {color:#00588f;text-decoration:none;}
a:hover {color:#56e18b;	text-decoration:none;}
a.profilLink, .showUserProfile {font-weight: 600;}
a.fb-share-icon {
    background-image: url(/images/icons/fb_icon.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}
/* SIDEBAR (LEFT) STYLES ********************************/
.sidebarElement {
    border:1px solid #035f98;
    padding:8px 12px 7px 12px;
    margin-bottom:10px;
    background-color:#f2f8f5;
    -moz-border-radius:4px;
}
.loginImage { float: left; height: 23px; margin-right: 5px}
.sidebarElement .shareImage {height: 17px}
.sidebarElement .shareText {height: 16px}
/* LISTINGS STYLES **************************************/
ul {margin: 5px 0 5px 10px;}
li {
    margin: 2px 0 2px 10px;
    list-style-type:circle;
    list-style-image: url('/images/icons/li.gif');
}
/* .even {background-color: #EDF4F5} */
/* STARTSEITE STYLES ************************************/
.spacerHome {height:5px}
.homeContainerLeft, .halfContainerLeft {border: 1px solid #BDCEFB; background-color: #EDF4F5; width:343px; float: left; padding:6px; margin-right: 14px; min-height: 78px}
.homeContainerRight, .halfContainerRight {border: 1px solid #BDCEFB; background-color: #EDF4F5; width:343px; float: left; padding:6px; min-height: 78px}
#slideshow #slidesContainer {
  margin:0 auto;
  width:726px;
  height:244px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:726px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:244px;
  float:left;
}
.control {position: absolute; z-index: 50}
#rightControl {margin: 210px 0 0 690px; padding: 5px; height: 20px; width: 25px; cursor: pointer}
#leftControl {margin: 210px 0 0 655px; padding: 5px; height: 20px; width: 25px; cursor: pointer}
/* DIVERSE STYLES ***************************************/
#copyright {padding-left: 6px; float:left; width:185px; font-size: 11px;}
#language {width: 100px; float:left; font-size: 11px;}
#allover {width: 579px; float: left; text-align: right; padding-left: 80px; font-size: 11px;}
.smallMargin {margin: 2px; }
.paypalDonate {width: auto; border: none; }
.seperator {background-image:url(/images/trennlinie.gif); height:1px; margin: 12px 0}
.top10RankName {width: 115px; float: left;}
.top10Points {text-align:right;}
.startseiteButtonStart {margin: 19px 0 0 463px; width: 240px;}
.noCursor {cursor: default}
span.red {color: red}
span.green {color: green}
span.orange {color: orange}
span.brown  {color: maroon}
.borderRed {border: 1px solid red}
.borderGreen {border: 1px solid #02A93A}
.hidden {visibility:hidden}
#homeNewsContainer { width:475px; height:75px;}
.homeFooterNews { width:475px; height:75px;}
.homeNewsTickerDate { }
.homeLine { border-bottom:1px solid #035F98; margin:15px 0 5px; margin-left:-20px; width:758px}
/* TOP 50 STYLES ****************************************/
.top100Title { float: left; font-weight: 600; }
.top100Container { width: 345px; float: left; }
.top100MemberContainer { width: 600px; }
.top100marginLeft { margin-left: 50px; min-height:17px; float:left; width:325px; }
.top100Quizname {float: left; width: 195px; min-height:17px; }

.top100Rank {float: left; width: 25px; height:18px;display:inline-block;}
.top100Country {float: left; width: 25px; height:17px; padding-top: 1px; display:inline-block;}
.top100Name {float: left; width: 160px; height:18px;display:inline-block;}
.top100Points {float: left; width: 55px; text-align: right; height:18px;display:inline-block;}
.top100Since {float: left; width: 65px; text-align: right; height:18px;display:inline-block;}
.top100Cups  {float: left; width: 50px; padding-left: 10px; height:18px;display:inline-block;}
/* QUIZSTART STYLES *************************************/
#quizStartMultiSelect {
    width: 300px;
}
.quizStartMultiEntry {
    float: left;
    width: 150px;
    height:16px;
}
.quizStartSelectMethode {
    cursor: pointer;
    border: 1px solid #035f98;
    padding: 5px;
    width: 600px;
    background-color: #EDF4F5;
    min-height:55px;
}
.quizStartSelected {
    background-color: #EDF4F5;
    background-image: url('/images/bgquizselect.jpg');
    border: 3px solid #02A93A;
    width:597px;
}
#quizStartMultiSelect {
    padding: 5px;
    width: 600px;
    border: 1px solid #035f98;
    background-color: #EDF4F5;
    background-image: url('/images/bgquizselect.jpg');
}
.quizrunHeaderImage {
    width: 25px;
    float: left;
}
.quizrunHeaderInfo {
    float: left;
    padding: 3px 0 0 5px;
}
.StartQuizButton { margin: -33px 0 0 300px;}
* html .StartQuizButton {margin: 0 0 0 275px;}
.StartChallangeButton {margin: 5px 0 0 153px}
li.switchChallenge {color:#035F98; cursor: pointer;}
.publicChallengeLeftContainer { float: left; width: 375px; }
.publicChallengeRightContainer { float: left; width: 275px; padding-left: 55px; }
#quizrunNextQuestion { width: 730px; height: 125px; position: absolute; top: 165px; left: 0; background-color: transparent; text-align: center; padding-top: 25px }
/* QUIZRUN STYLES ***************************************/
#quizrunHeader {
    margin: 10px 0;
    height: 30px;
    width: 736px;
}
.quizrunHeaderElement {
    float: left;
    width: 235px;
    text-align: center;
}
input.showTime {
    width: 45px;
    border: none;
    background-color: #F2F8F5;
    background-image: none;
}
#quizrunQuestion {
    margin: 50px 40px 55px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color:#035F98;
}
#quizrunQuestionWithImage {
    margin: 25px 40px 35px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color:#035F98;
}
.quizAnswer {
    width: 340px;
    min-height: 18px;
    float: left;
    margin: 5px;
    padding: 8px 0 6px 10px;
    border: 1px solid #035f98;
    font-size: 13px;
    background-color:#F2F8F5;
}
.quizAnswerWithImage {
    width: 347px;
    min-height: 18px;
    float: left;
    margin: 4px 5px;
    padding: 7px 0 5px 10px;
    border: 1px solid #035f98;
    font-size: 13px;
    background-color:#F2F8F5;
}
#quizrunBottomStatus {
    margin-top: 40px;
    width: 700px;
    height: 20px;
    padding: 2px 10px;
}
#quizrunBottomStatusWithImage {
    margin-top: 12px;
    width: 700px;
    height: 20px;
    padding: 2px 11px;
}
#quizrunQuestionImage {
    width: 328px;
    height: 150px;
    border: 1px solid #035f98;
    overflow: hidden;
    float: left;
    margin: 5px 15px 5px 10px;
}
.questionImage {width: 328px; height: 150px;}
.imageCopyright {padding-left: 11px;}
/* PROFIL STYLES ****************************************/
.ProfilPersoenlicheDaten, .ProfilStats, .ProfilChallanges, .ProfilAvatar {
    width: 365px;
    float: left;
}
.ProfilChallangesDuble {
    width: 730px;
    float: left;
}
.ProfilPersoenlicheDatenLabel {
    float: left;
    width: 125px;
    margin: 1px 0;
}
.suggestLabel {
    float: left;
    width: 180px;
    margin: 1px 0;
}
.ProfilPersoenlicheDatenData, .suggestData {
    float: left;
    width: 200px;
    margin: 1px 0;
}
.PublicProfilData {
    float: left;
    width: 250px;
    margin: 1px 0;
}
.ProfilStatsTitle, .ProfilStatsEntry {
    float: left;
    width: 110px;
    padding-bottom: 1px;
}
.startChallangeLabel {
    float: left;
    width: 150px;
}
.startChallangeLabelFachgebiete {
    float: left;
    width: 150px;
    height: 45px;
}
.startChallangeData {
    float: left;
    width: 580px;
}
#quizStartMultiSelectChallange {width: 600px;}
.challangeCategorie {float: left; width: 200px; height:15px; padding: 2px 0 1px 1px; border-bottom: 1px #02A93A dashed; }
.challangeIhrStatus {float: left; width: 125px; height:15px; padding: 2px 0 1px 1px; border-bottom: 1px #02A93A dashed; }
.challangeDate {float: left; width: 100px; height:15px; padding: 2px 0 1px 1px; border-bottom: 1px #02A93A dashed; }
.challangeAlgStatus {float: left; width: 200px; height:15px; padding: 2px 0 1px 1px; border-bottom: 1px #02A93A dashed; }
.challangeIcons {float: left; width: 60px; height:15px; padding: 2px 0 1px 1px; border-bottom: 1px #02A93A dashed; }
.loginText {padding-top: 2px; }
/* USER PROFIL - DIV STYLES *****************************/
#userProfile {
    left:50%;
    top:50%;
    position:absolute;
    background-color:#F2F8F5;
    background-image:url("/images/bgcontentelement5.jpg");
    background-position:right bottom;
    background-repeat:no-repeat;
    padding:10px;
    border:5px solid #035F98;
    width: 400px;
    min-height: 200px;
    margin: -100px 0 0 -250px;
}
#userProfile.loading {
    width: 600px;
    min-height: 500px;
    border: none;
    background-image:url("/images/icons/transparent.gif");
    background-repeat: repeat;
    background-color: transparent;
}
.showProfileCloseButton { float:right }
.ui-icon { 
    background-image: url("/images/icons/ui-icons-256x240.png");
    height: 16px;
    width: 16px;
    margin-top:-1px;
    position:absolute;
}
#SupAccordMenuStats {
    height: 20px;
    border-bottom: 1px black dotted;
    border-top: 1px black dotted;
    padding-bottom: 4px;
}
h3.accStats { padding: 5px 0; }
.ProfilStatsDuble { margin-top: 10px; }
.quizStatistiken { margin-left: 18px; }
.ui-icon-triangle-1-s  { background-position:-64px -16px; }
.ui-icon-triangle-1-e  { background-position:-32px -16px; }
h3 a.quizStatistiken { font-size: 12px; }
#editprofile { width: 400px; }
#memberPasswordChange { width: 400px; }
/* USER PROFIL - TROPHYS STYLES *************************/
.trophyEntry {
    min-height: 31px;
    width: 714px;
    border: 1px dashed #02A93A;
    padding: 7px;
    margin-bottom: 5px;
}
.smallTrophyEntryCup { 
    width: 230px;
    padding: 6px 0;
    text-align: center;
    background-image: url('/images/bgtrophy-cup-small.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    font-weight: 600;
    margin-bottom: 5px;
    float: left;
    margin: 0 12px 0 0;
}
.smallTrophyEntryRibbon { 
    width: 230px;
    padding: 6px 0;
    text-align: center;
    background-image: url('/images/bgtrophy-ribbon-small.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    font-weight: 600;
    float: left;
    margin: 0 12px 0 0;
}
.trophiesShowAll {width: 230px; float: left; height: 23px; padding: 7px 0 0 2px;}
.cup {background-image: url('/images/bgtrophy-cup.jpg'); }
.ribbon {background-image: url('/images/bgtrophy-ribbon.jpg'); }
.scup {background-image: url('/images/bgtrophy-scup.jpg'); }
span.trophyTitle {color:#035F98; font-weight: 600; font-size:14px; }
.trophyEntryLabel {margin-left: 200px; float: left; text-align:center; width:285px; }
* html .trophyEntryLabel {margin-left: 100px; float: left; text-align:center; width:285px; }
.trophyEntryDate {margin-left: 595px;}
.myprofileTrophyOverview {
    margin-top: 8px;
    height: 17px;
    width: 200px;
    background-image: url('/images/trophybalken-xs.gif');
    padding: 5px 0 0 25px;
}
.trophieSummaryContainer {margin: 5px 0 0 0}
.trophieSummaryElement {width: 230px; margin: 2px 12px 4px 0; float: left; min-height: 33px }
.trophieSummaryTitle {font-size: 11px;}
.trophieSummaryStatusBorder {width: 230px; border: 1px solid #035F98; position: absolute; height: 13px}
.trophieSummaryStatusBar {background-color: #02A93A; position: absolute; height: 13px}
.trophieSummaryStatusText {font-size: 11px; text-align: center; position:relative;}

.trophyEntryMini {
    min-height: 14px;
    width: 324px;
    padding: 7px;
    margin-bottom: 5px;
}
.trophyEntryMini .trophyEntryLabel {margin-left: 40px; float: left; text-align:left}
.trophyEntryMini span.trophyTitle {color:#035F98; font-weight: 600; font-size:12px}
.cup-medium {background-image: url('/images/bgtrophy-cup-medium.jpg');}
.ribbon-medium {background-image: url('/images/bgtrophy-ribbon-medium.jpg');}
/* USER PROFIL - Highscores *****************************/
.HScatBlock {float:left; width:70px; border: 1px solid #02A93A; margin: 0 2px 0 6px; text-align:center}
.HSBlockXSmall {float:left; height:18px; width:25px;display:inline-block}
.HSBlockSmall {float:left; height:18px; width:85px;display:inline-block}
.HSBlockMedium {float:left; height:18px; width:165px;display:inline-block}
.HSBlockLarge {float:left; height:18px; width:350px;display:inline-block}
.HSMemberNavigLabel {width: 509px; height: 20px; margin: -32px 0 23px 0; float: left; text-align: right; padding: 4px 9px 0 0; color: #035F98}
.HSMemberNavigForm {width: 180px; height: 20px; margin: -32px 0 23px 0; float: left}
.HSMemberNavigForm select {width: 175px; padding: 0 1px;}
/* NEW MEMBER FORM STYLES *******************************/
#day, #month {width: 58px}
#year {width: 60px}
#newMemberNicknameInfo {height: 15px }
.newMemberLabel {
    float: left;
    width: 180px;
    height: 23px;
}
.newMemberData {
    float: left;
    width: 210px;
    height: 23px;
}
.newMemberDataLong {width: 300px; }
.newMemberCheck {
    float: left;
    width: 280px;
    height: 15px;
    margin: 3px 0 4px;
    padding: 1px 0 0 5px;
    font-size: 11px;
}
.newMemberSubmitButton {padding: 10px 0 0 180px}
/* PUBLIC CHALLENGE STYLES ******************************/
#startPublicChallange {width: 375px}
.publicChallengeEntry {
    width: 217px;
    float: left;
    margin: 0 15px 15px 0;
    padding: 4px;
    border:1px dashed #02A93A;
    background-image: url('/images/bgpublicchallenge.jpg');
}
.publicChallengeOwner {height: 35px}
.publicChallengeCategories {height: 47px}
.publicChallengeLink {text-align: center; padding: 3px 0}
.publicChallengeDetailLable {float: left; width: 150px}
.publicChallengeDetailText {float: left; width: 200px}
/* CLEARING STYLES **************************************/
.clearer {
	visibility:hidden;
	overflow:hidden;
	height:0px;
	clear:both;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}