#tw-icon {
    float:left;
    margin:10px 0px 0px 30px;
    width: 100px;
    height: 100px;
    background: url("/images/tw.png");
}

#tw-icon2 {
    float:left;
    margin:10px 20px 0px 0px;
    width: 100px;
    height: 100px;
    background: url("/images/tw.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #tw-icon2 {
	background: url("/images/tw@2x.png");
	background-size: 100px 100px;
    }
}

@media (max-width: 767px) {
    #tw-icon2 {
	margin: 0px;
	transform: scale(0.7, 0.7);
    }
}

@media (max-width: 400px) {
    #tw-icon2 {
	margin-top: -30px;
    }
}

#tw-title {
    float:left;
    margin:38px 0px 0px 30px;
    width: 580px;
    height: 49px;
    background: url("/images/title.png");
}

#tw-hero-title {
    font-size: 45px;
}

.hero-unit {
    padding: 20px;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    #tw-hero-title {
	font-size: 32px;
    }
    .hero-unit {
	line-height: 1;
	font-size: 18px;
    }
}

/* Make sure the images are not too large on mobile */
@media (max-width: 600px) {
    img {
	width:auto;
	height:auto;
	max-width: 100%;
    }
}

.platforms-row h2 {
    text-align: center;
}

.platforms-row img {
    width: 300px;
}

.imgcont {
    height: 212px;
}

.buttons-area .button-box {
    text-align: center;
}

footer {
    text-align: center;
}

.left{margin:3px 10px 2px 0;float:left;}
.right{margin:2px 0 2px 10px;float:right;}
.hide{display:none;}
.invisible{visibility:hidden;}
.center{text-align:center;}
.small{font-size:0.8em;}
.verysmall{font-size:0.6em;}

/* Lightbox */
#lightbox{background-color:#eee;padding:10px;border-bottom:2px solid #666;border-right:2px solid #666;}
#lightboxDetails{font-size:0.8em;padding-top:0.4em;}
#lightboxCaption{float:left;}
#keyboardMsg{float:right;}
#closeButton{top:5px;right:5px;}
#lightbox img{border:none;clear:both;}
#overlay img{border:none;}
#overlay{background-image:url(/images/overlay.png);}
* html #overlay{background-color:#333;back\ground-color:transparent;background-image:url(images/blank.gif);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");}


/* Feature requests */
#features { margin: 30px 0; position: relative;}
.feature { clear: both; padding: 5px 0px; }
.feature .votebox { width: 105px; float: left; position: relative; }
.2feature .votebox .votebutton { background: #f4faff; height: 20px; padding: 7px; text-align: center; border-width: 1px; border-style: solid; border-color: lightblue; font-size: 21px; float: left;}
.feature .votebox .votebutton { text-align: center; font-size: 21px; float: left}
.feature .votebox .votebutton input {
height: 46px; width: 32px; margin: 0
}
.feature .votebox .votecount { background: #f4faff; height: 46px; width: 56px; padding: 5px; text-align: center; border-width: 1px; border-style: solid; border-color: lightblue; float: left; margin-left: 5px; line-height: 1 }
.feature .votebox .votecount div { font-size: 21px; color: #1f75cc; font-weight: bold; }

.feature .featureinfo { padding-top: 5px; }
.feature .featureinfo h3 { font-size: 18px; margin-top: 0px; }

.boxed { background: #f4faff; border-width: 1px; border-style: solid; border-color: lightblue; padding: 20px}
.width100 { width: 100%; }

ul#subtabs { position: relative; margin:0; padding: 0 0 0 9px; float:left; height: 32px; _overflow: hidden; background:#fff url(https://www.dropbox.com/static/images/light_blue_border.gif) bottom repeat-x; }
ul#subtabs111 { position: relative; margin:0; padding: 0 0 0 9px; float:left; height: 32px; _overflow: hidden; border: 1px solid #aeceef; border-top: none; border-left: none; border-right: none; }
ul#subtabs li { margin: 0 4px 0 0; list-style: none;  position: relative; width: auto !important; background: #f4faff; border: 1px solid #aeceef;  border-bottom: none;}
ul#subtabs li.selected { margin-top: 0px; background-color: #fff; border-bottom: 1px solid #fff; }
ul#subtabs a { float: left; position:relative;  padding: 0 15px; margin: 0; outline: none; font-size: 10pt; font-weight: bold;  }
ul#subtabs img { margin: 7px 4px 0 0;  float: left;}
.tour-tab, .subtab
{ 
  margin: 0;
  margin-top: -8px;
  font-size: 8pt;
  float: left;
  width: 126px;
  _width: 125px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #f7f7f7;
}
ul#subtabs li a img.rounded_tl { position: absolute; margin: 0; top: -1px; left: -1px; background-color: transparent;}
ul#subtabs li a img.rounded_tr { position: absolute; margin: 0; top: -1px; right: -1px; background-color: transparent;}

/* begin css tabs */

#tabs ul.tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 2em 0 1em 0; /* set margins as desired */
font: bold 10pt verdana,Tahoma, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #aeceef; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 7px 10px; /* THIRD number must change with respect to padding-top (X) below */

/* margin:0 0 16px 20px;padding:0; */

}

#tabs ul.tabnav li { /* do not change */
display: inline;
}

#tabs ul.tabnav li.tabsel { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

#tabs ul.tabnav li.tabsel a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #555; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 10px; /* must change with respect to padding (X) above and below */
}

#tabs ul.tabnav li a { /* settings for all tab links */
padding: 7px 15px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #aeceef; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #f4faff; /* set unselected tab background color as desired */
color: #286ea0; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

#tabs ul.tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

.comment {
border-width: 1px;
border-style: solid;
border-color: #CEDEEE;
border-bottom: 1px;
}

/* end css tabs */

.clear {
    clear: both
}

.nodisplay {
    display: none
}

#init-data {
    display: none
}

/* used by the main and wide layout templates */

.flash-notice {
    color: green
}
.flash-alert {
    color: red
}

#branding {
    margin: -5px 0
}
#branding h1 {
    margin:0
}
#branding h1 img {
    float:left;
    margin:0px 0px 0px 120px
}
#branding img {
    float:left;
    margin:20px 0px 0px 30px
}
#branding div {
    clear:both
}