/*
 *  detail top
 */
#detail_container {
    background-color: white;
    z-index: 20;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

#detail_topbar {
    background-color: #03A9F4;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    width: 100%;
}

#detail_topbar_title {
    height: 50px;
    padding-left: 5px;
    float: left;
    position: relative;
    width: 270px;
}
	
#detail_location {
	font-size: 22px;
    color: white;
    position: absolute;
    top: 3px;
}

#detail_date {
	font-size: 12px;
    color: white;
    position: absolute;
    bottom: 4px;
}

#detail_closebutton {
	float: left;
	width: 50px;
	padding: 14px;
	cursor: pointer;
    box-sizing: border-box;
}

/*
 * detail content
 */

#detail_weathercontainer {
	padding-top: 50px;
	height:auto; /* iOS position:fixed; elements fix (not 100%) */
	max-height:100%;
}

.detail_weatherbox {
	height: 94px;
    border-bottom: 1px solid #E8E6E9;
    background-color: white;
}

#detail_weatherbox_1 {
	/*margin-top: 50px;*/
}

.detail_time_container {
    text-align: center;
    position: relative;
    height: 94px;
    width: 80px;
	float: left;
}

.detail_time {
    height: 21px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.detail_time_big {
	font-size: 19px;
 	color: #03A9F4;
}

.detail_icon_temp_container {
	height: 94px;
	margin: 0 100px 0 80px;
}

.detail_icon {
	text-align: center;
    position: relative;
	height: 94px;
	width: 33%;
	float: left;
	margin-left: 11.5%;
}


.detail_icon img{
	width: 70px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.detail_temp {
	text-align: center;
    position: relative;
	height: 94px;
	width: 33%;
	float: right;
	margin-right: 11.5%
}

.detail_temp span {
    font-size: 24px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 27px;
}

.detail_sun_rain_wind {
	height: 94px;
	width: 100px;
	float: right;
}

.detail_sun_rain_wind_icon {
    vertical-align: middle;
    margin: 8px 8px 0 0;
    height: 22px;
    width: 22px
}