/**
 * @author egli
*/

.yui3-js-enabled {
    display: none;
}

/* Font faces */

@font-face {
    font-family: 'AurulentSansRegular';
    src: url('fonts/AurulentSans-Regular-webfont.eot');
    src: local('?'), url('fonts/AurulentSans-Regular-webfont.woff') format('woff'), url('fonts/AurulentSans-Regular-webfont.ttf') format('truetype'), url('AurulentSans-Regular-webfont.svg#webfont2OnxumJv') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AurulentSansBold';
    src: url('fonts/AurulentSans-Bold-webfont.eot');
    src: local('?'), url('fonts/AurulentSans-Bold-webfont.woff') format('woff'), url('fonts/AurulentSans-Bold-webfont.ttf') format('truetype'), url('AurulentSans-Bold-webfont.svg#webfontLWt2zlrh') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Media queries for fixed layout */

body { margin: auto; width: 640px; }

@media screen and (max-width: 619px) {
    body { margin: 0 1em; width: 100%; }
}

/* Title styles */

h1 {
    font-family: AurulentSansBold,Sans-Serif;
}

h2 {
    font-family: AurulentSansBold,Sans-Serif;
}

h3 {
    font-family: AurulentSansBold,Sans-Serif;
}

a {
    text-decoration: none;
    color: #0095CD;
}

a:hover {
    text-decoration: underline;
}

#applicationTitle {
    color: #D7D7D7;
    background: #666666;
    border: 1px solid #333333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
    background: -moz-linear-gradient(center top , #666666, #000000) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(top , #666666, #000000) repeat scroll 0 0 transparent;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000)');        
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

#applicationTitle {
    font-size: 153.9%;
    padding: 1em 0.5em;
    margin: 0;
    /*	display: inline-block;*/
}

.yui3-tabview-list {
    margin: 0.5em 0;
    font-family: AurulentSansRegular,Sans-Serif;
}

.yui3-tabview-list .yui3-tab a {
    font-size: 108%;
    color: #606060;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    width: 6em;
}

.yui3-tabview-list .yui3-tab-selected {
    font-weight: bold;
    text-transform: uppercase;
}

/* banner styles */

.banner {
    display: block;
    outline: none;
    text-align: center;
    text-decoration: none;
    font-size: 116%;
    font-family: AurulentSansRegular,Sans-Serif;
    margin: 1em 0;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blue {
    color: #D9EEF7;
    border: solid 1px #0076A3;
    background: #0095CD;
    background: -webkit-gradient(linear, left top, left bottom, from(#00ADEE), to(#0078A5));
    background: -moz-linear-gradient(top, #00ADEE, #0078A5);
    background: -o-linear-gradient(top, #00ADEE, #0078A5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ADEE', endColorstr='#0078A5');
}
.blue:hover {
    background: #007EAD;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095CC), to(#0095CC));
    background: -moz-linear-gradient(top, #0095CC, #00678E);
    background: -o-linear-gradient(top, #0095CC, #00678E);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095CC', endColorstr='#0095CC');
}

.blue a {
    color: #FFFFFF;
    font-weight: bold;
    font-family: AurulentSansBold,Sans-Serif;
}

#tabAbout article {
    font-size: 116%;
    font-family: AurulentSansRegular,Sans-Serif;
}

#tabAbout article li {
    padding-bottom: 0.2em;
}