.credits{
    color: green;
    font-weight: bold;
}
.infoborder{
background-color:#BCD2EE;
padding:10px;
font-size: 1.2em;
font-family: Arial, Helvetica, Tahoma, sans-serif;
}
.errorborder{
background-color:#FFB6C1;
padding:10px;
font-size: 1.2em;
font-family: Arial, Helvetica, Tahoma, sans-serif;
}
.messageborder{
background-color: #FFFFE0;
padding:10px;
font-size: 1.2em;
font-family: Arial, Helvetica, Tahoma, sans-serif;
}
.orangeborder{
background-color: #FFFFE0;
color: orange;
font-weight: bold;
padding:10px;
font-size: 1.2em;
font-family: Arial, Helvetica, Tahoma, sans-serif;
}
root {
    display: block;
}
html{
    font-family: Arial, Helvetica, Tahoma, sans-serif;
}
#loginframe{
    padding-top: 40px;
    font-weight: bold;
    font-size: 1em;
}
#left{
    float: left;
}
#logotext{
    font-weight: bold;
    font-size: 2em;
}
#header{
    margin-bottom: 20px;
}
#explanation{
    font-weight: bold;
    color: gray;
    font-size: 0.8em;
}
#links{
    padding-top: 10px;
}
.link{
    font-weight: bold;
}
.alink{
    color: black;
    padding-left: 20px;
    text-decoration: none;
}
.inp{
    width: 100%;
    border: solid gray;
}
.error{
    margin-top: 20px;
    background: #CD8C95;
    border: solid red;
    font-weight: bolder;
    font-size: 2em;
}

.step{
    margin-top: 40px;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 10px;
    font-size: 1.3em;
}
.info{
    font-size: 1.1em;
}
.imgc{
    border: solid #8B4726;
    margin-top: 5px;
    margin-bottom: 5px;
}

#infos{
    width: 880px;
}
.appinfos{
    width:880px;
}
.infoheader{
    font-size: 2em;
    font-weight: bold;
}
.appinfo{
    padding-bottom: 30px;
}
.createbutton{
    margin-top: 30px;
    background: blue;
    color: white;
    font-weight: bold;
    font-size: 1.5em;
    margin-left: 200px;
    margin-bottom: 80px;
}
#settingdiv{
    padding-top: 40px;
    width: 880px;
    font-size: 1.5em;
}
.menu{
border-bottom:1px solid #afafaf;
height:28px;
padding:0 0 0 10px;
position:relative;
margin-top:10px;
}
.menu .like{
width:100px;
height:28px;
position: absolute;
top:4px;
right:0;
}
.menu a{
background:url(/images/gradient1.gif);
line-height:27px;
height:27px;
border:1px solid #c5cad5;
border-bottom:none;
display: block;
float: left;
font-size: 13px;
padding: 0 10px;
margin:0 4px 0 0;
color:#627aad;
}
.menu a.selected{
background:#fff;
border:1px solid #afafaf;
border-bottom-color: #fff;
color:#464646;
}
#everything{
    width: 1000px;
}
#container{
    width: 100%;
}
.mytable{
    border-collapse:collapse;
}
.mytable thead th{
    background:none repeat scroll 0 0 #C5D7EF;
font-weight:bold;
text-align:left;
vertical-align:bottom;
}
.mytable td{
    border-bottom:1px solid #C5D7EF;
border-top:1px solid #C5D7EF;
}
.mytable th,.mytable td{
    background-color:#FFFFFF;
margin:0;
padding:0.35em 1em 0.25em 0.35em;
}

.myeven td, .myeven th, .myeven-top td, .myeven-tween td, .myeven-bottom td, ol.myeven {
background-color:#E9E9E9;
border-bottom:1px solid #C5D7EF;
border-top:1px solid #C5D7EF;
}

.width100{
    width: 100%;
}
.appinfoset td{
    font-weight: bold;
}

.fbbutton{
    background-color:blue;
border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:#FFFFFF;
padding:2px 15px 3px;
text-align:center;
font-size: 0.8em;
}
.greenbutton{
    background-color:green;
border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:#FFFFFF;
padding:2px 15px 3px;
text-align:center;
font-size: 0.8em;
}
.redbutton{
    background-color:red;
border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:#FFFFFF;
padding:2px 15px 3px;
text-align:center;
font-size: 0.8em;
}
.graybutton{
    background-color:gray;
border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:#FFFFFF;
padding:2px 15px 3px;
text-align:center;
font-size: 0.8em;
}
.prbutton{
    background-color: #3591e7;
    border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:#FFFFFF;
padding:2px 15px 3px;
text-align:center;
font-size: 0.8em;
}
.footersmall{
    font-size: 1em; text-decoration: none !important; font-weight: 700;
}
.footerreklam{
    font-size: 0.9em; font-weight: bold;
}
.footerb{
    color: #87CEFA;
}
.footerbr{
    color: brown;
}
.footers{
    text-decoration: none !important;
    color: #87CEFA;
    font-weight: bolder;
}
ul#menu { width: 100%; height: 43px; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#menu li a:hover { color: #333; }
ul#menu li a.current{ color: #FFF; padding: 5px 15px 0; }

.txt-block {
	overflow:hidden;
	font-size:14px;
	color:#000;
	padding:9px 40px 0;
}
.txt-block h1 {
	margin:0 0 17px;
	font-size:22px;
	color:#371e11;
	font-weight:normal;
}
.txt-block h2 {
	margin:0 0 17px;
	font-size:12px;
}
.txt-block p {
	margin:0 0 16px;
	line-height:18px;
}
.yesnoskip{
    background-color: gray;
    border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:#FFFFFF;
padding:2px 15px 3px;
text-align:center;
font-size: 1.5em;
font-weight: bold;
}
.yesnoyes{
    background-color: green;
    border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:#FFFFFF;
padding:2px 15px 3px;
text-align:center;
font-size: 1.5em;
font-weight: bold;
}
.yesnono{
    background-color: red;
    border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:#FFFFFF;
padding:2px 15px 3px;
text-align:center;
font-size: 1.5em;
font-weight: bold;
}
.fancyheader{
    font-size: 1.5em;
    font-weight: bold;
    color: #5B5B5B;
    border-bottom: 2px solid #84daf9;
    padding-bottom: 2px;
    margin-bottom: 10px;
}
.manlyheader{
    font-size: 1.5em;
    font-weight: bold;
    color: #5B5B5B;
    border-bottom: 2px solid #1E90FF;
    padding-bottom: 2px;
    margin-bottom: 10px;
}
.gpara{
    font-family: Tahoma,Arial,sans-serif;
}

.fbbody
{
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
}
/* Default Anchor Style */
.fbbody a
{
    color: #3b5998;
    outline-style: none;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}
.fbbody a:hover
{
    text-decoration: underline;
}
/* Facebook Box Styles */
.fbgreybox
{
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
.fbbluebox
{
    background-color: #eceff6;
    border: 1px solid #d4dae8;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
.fbinfobox
{
    background-color: #fff9d7;
    border: 1px solid #e2c822;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
.fberrorbox
{
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
/* Content Divider on White Background */
.fbcontentdivider
{
    margin-top: 15px;
    margin-bottom: 15px;
    width: 520px;
    height: 1px;
    background-color: #d8dfea;
}
/* Facebook Tab Style */
.fbtab
{
    padding: 8px;
    background-color: #d8dfea;
    color: #3b5998;
    font-weight: bold;
    float: left;
    margin-right: 4px;
    text-decoration: none;
}
.fbtab:hover
{
    background-color: #3b5998;
    color: #ffffff;
    cursor: hand;
}

.button {
    padding: 5px 10px;
    display: inline;
    background: #777 url(/fortuneapp/images/button.png) repeat-x bottom;
    border: none;
    color: #fff !important;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    }
.button:hover {
    background-position: 0 -48px;
    }
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }

.outage {
    margin: 10px 10px 10px 0;
    padding: 10px;
    background-color: #FFF4C2;
    border: solid 1px #FC3;
    border-image: initial;
}