/* @CS: Uncomment to check if removal caused errors on registration pages (however if it does cause problems, change the other css, these two lines should be removed anyhow)
.clear{clear:both; }
fieldset legend span{display:none;}
*/

.content-homepageintro,
.content-homepagecreatecalendarintro
{
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* display: inline-block; @CS: added by basing, can be removed? */
    float: left;
    margin-bottom: 30px;
    padding: 32px;
    width: 600px;
}

.content-homepageintro
{
    padding-left: 0;
}

.content-homepagecreatecalendarintro
{
    float: right;
    width: 245px;
}

.content-homepageintro > *
{
    margin-left: 160px!important;
}

.content-homepageintro .content-homepageintro-calendarimagecontainer
{
    margin: 0;
    margin-left: 0!important;
    padding: 0;
    position: absolute;
}

.content-homepageintro .content-homepageintro-calendarimagecontainer img
{
    left: -27px;
    position: relative;
    top: -53px;
}

.content-homepageintro h1,
.content-homepagecreatecalendarintro h1
{
    background: url(http://img.flogsstatic.com/image/text/pick-your-favorite-events-and-add-them-to-your-calendar.png) no-repeat left top;
    background: url(/image/text/pick-your-favorite-events-and-add-them-to-your-calendar.png) no-repeat left top;
    display: block;
    font-family: Trebuchet MS, Arial Rounded MT Bold, Tahoma, Arial, Verdana, Bitstream Sans, Geneva, Helvetica, Nina, sans-serif;
    font-size: 189%;
    height: 62px;
    overflow: hidden;
    text-indent: -7000px;
    width: 390px;
}

.content-homepagecreatecalendarintro h1
{
    background: url(http://img.flogsstatic.com/image/text/or-create-and-share-your-calendars.png) no-repeat left top;
    background: url(/image/text/or-create-and-share-your-calendars.png) no-repeat left top;
    width: 220px;
}

.content-homepageintro p,
.content-homepagecreatecalendarintro p
{
    color: #999;
    font-size: 161.6%;
    margin: 10px 0 0;
    padding: 0;
}

.content-homepageintro ol,
.content-homepagecreatecalendarintro ol,
ol.content-homepagecreatecalendarintro-actions
{
    margin: 0;/* 0 -49px;*/
    overflow: hidden;
    padding: 25px 0 0;
}

.content-homepageintro ol li,
.content-homepagecreatecalendarintro li,
ol.content-homepagecreatecalendarintro-actions li
{
    float: right;
    list-style: none;
}

.content-homepageintro ol li.content-homepageintro-registerforfree
{
    /* float: right; */
    /* position: relative; */
}

.content-homepageintro ol li.content-homepageintro-takethetour
{
    float: left;
}

.content-homepageintro ol li.content-homepageintro-takethetour a
{
    background: url(http://img.flogsstatic.com/image/icon/videotour.png) no-repeat scroll 5px center;
    background: url(/image/icon/videotour.png) no-repeat scroll 5px center;
    color: #888;
    font-size: 167%;
    height: auto;
    /* margin-right: 40px; */
    padding: 8px 2px 8px 29px;
    text-indent: 0;
    width: auto;
}

.content-homepageintro ol li.content-homepageintro-takethetour a:hover
{
    background: url(http://img.flogsstatic.com/image/icon/videotour-hover.png) no-repeat scroll 5px center;
    background: url(/image/icon/videotour-hover.png) no-repeat scroll 5px center;
    color: #da1321;
}

.content-flogsbars
{
    clear: both;
    overflow: hidden;
}

.content-flogsbars dt
{
    clear: left;
    float: left;
    margin: 0 0 10px;
}

.content-flogsbars dt a
{
    background: url(http://img.flogsstatic.com/image/supported/ico_flogs_red.png) no-repeat top left;
    /* clear: both; */
    display: block;
    height: 34px;
    overflow: hidden;
    text-indent: -7000px;
    width: 34px;
}

.content-flogsbars dd
{
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;clear: right;
    float: right;
    height: 32px;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    width: 910px;
}

.content-flogsbars dd ol
{
    height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.content-flogsbars dd ol li
{
    float: left;
    list-style: none;
    padding: 10px 10px 0 20px;
}

.content-flogsbars dd ol li a
{
    color: #333E45;
    font-size: 12px;
    font-weight: bold;
    text-decoration:none;
}

.content-flogsbars dd ol li a:hover
{
    color: #da1321;
}

.content-flogsbars dd ol li a em
{
    color: #da1321;
    font-size: 10px;
    font-style:normal;
}

.content-flogsbars dd a.more
{
    background:url(http://img.flogsstatic.com/image/supported/overlay_white.png) repeat-y top right;
    color: #888;
    display: block;
    font-size: 10px;
    height: 22px;
    line-height: 13px;
    padding: 6px 24px 0 0;
    position:absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    top: 4px;
    width: 170px;
}

.content-flogsbars dd a.more:hover
{
    color: #da1321;
}


/*content-register-block*/
.content-register-block{-moz-border-radius:5px; -webkit-border-radius:5px; background-color:#f7f7f7; }

.content-register-block form{}
.content-register-block form fieldset{border:0px; }
.content-register-block form fieldset legend{display:none; }

.content-register-block form input.text{height:18px; padding:4px 6px 0; width:318px; background:url(http://img.flogsstatic.com/image/form/input-text-bg-318.png) no-repeat; border:0px; }

.content-register-block form table{}
.content-register-block form table th{text-align:right; padding:0px 5px 0px 0px; font-size:120%; }
.content-register-block form table tr.first td, .content-register-block form table tr.first th{/* padding:10px 5px 20px 0px; */ }
.content-register-block form table td{padding:3px 0px 3px 0px; }
.content-register-block form table td a{/*@GH why is this? font-size:1.1em; */ color:black;}

.content-register-block form table th,
.content-register-block form table td
{
    /* padding-top: 5px; */
    vertical-align: middle;
}

.content-register-block form table tr.first th
{
    padding: 30px 5px 30px 0;
}

.content-register-block form table td.hint
{
    color: #777;
    /* float: left; */
    font-size: 100%;
    /* padding: 10px 0 0; */
    width: 375px;
}

.content-register-block form table td.hint-error,
.content-syncwizard-steps .content-error
{
    background: url(http://img.flogsstatic.com/image/form/error.png) no-repeat left center;
    color: #da1321;
    height: 25px;
    padding-left: 25px;
    /*height:19px; width:19px; padding:3px 10px 0px 0px;*/
}

.content-register-block form table td.hint-valid
{
    background: url(http://img.flogsstatic.com/image/form/valid.png) no-repeat left center;
    height: 25px;
    padding-left: 25px;
    /*height:21px; width:19px; padding:0px 30px 0px 0px; */
}

.content-register-block form table tr.first td.hint-error,
.content-register-block form table tr.first td.hint-valid
{
    /* padding: 30px 0 30px 25px; */
}

p.content-myflogs-registerforfree a:hover
{
	background-position: top left;
}

#page-user-myflogsalternative #content ul
{
	margin-top: 10px;
}

#footer-container .footer-menu li a.footer-menu-highlight
{
	color: #da1321;
}

#footer-container .footer-menu li a.footer-menu-highlight:hover
{
	color: #555;
}

#page-index-index #sidebarcontainer .content-homepagejobad
{
    background-image: url(http://img.flogsstatic.com/image/vacature_nl3.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 224px; /* 138px; */
    left: 0;
    position: absolute;
    top: 170px;
    width: 24px; /* 25px; */
    z-index: 10000;
}

#page-index-index #sidebarcontainer .content-homepagejobad:hover
{
    background-position: left bottom;
}

.content-supporteddevices
{
    height: 80px;
    margin-top: 35px;
}

.content-supporteddevices dt a
{
    background: url(http://img.flogsstatic.com/image/supported/ir_supporteddevices.png) no-repeat top left;
    display: block;
    height: 41px;
    overflow: hidden;
    text-indent: -7000px;
    width: 282px;
    cursor: default;
}

.content-supporteddevices dd
{
    margin: -40px 0 0 320px;
    padding: 0;
}

.content-supporteddevices dd ol
{
    margin: 0;
    padding: 0;
}

.content-supporteddevices dd ol li
{
    float:left;
    list-style: none;
    padding: 0;
}

.content-supporteddevices dd ol li a
{
    cursor: default; /* @CS: temporary fix; can be removed once detailed instruction pages are finished */
}

.content-supporteddevices dd a.more{
    position: relative;
    top:-46px;
    left:20px;
    width:11px;
    height:21px;
    display:block;
    text-indent: -7000px;
    overflow:hidden;
    background: url(http://img.flogsstatic.com/image/supported/ico_arrowrightbig.png) no-repeat top left;
}

.content-supporteddevices li.feItem
{
        position: absolute;
        text-align: center;
        text-decoration: none;
        width: 50px;
        top: 0;
}

.content-supporteddevices .feItem img
{
        width: 100%;
        z-index: 10000;
}

.content-supporteddevices .feItem span
{
        display: none;
}

.content-supporteddevices #fec
{
    display: block;
    height: 50px;
    position: relative;
}