#container_header {
    height: 24px;
    background-color: #000;
    text-align: center;
}
.greeband {
	height: 24px;
	background-position: center center;
}
.augreeband {
	height: 24px;
	background-position: center center;
}

.flip {
}
.in, .out {
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 350ms;
}
.slideup.in {
		-webkit-transform: translateY(0);
		-webkit-animation-name: slideinfrombottom;
		z-index: 10;
}
.slideup.out {
		-webkit-animation-name: dontmove;
		z-index: 0;
}
.slideup.out.reverse {
        -webkit-transform: translateY(100%);
        z-index: 10;
        -webkit-animation-name: slideouttobottom;
}
.slideup.in.reverse {
        z-index: 0;
        -webkit-animation-name: dontmove;
}

.flip {
		-webkit-animation-duration: .65s;
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
}

.flip.in {
		-webkit-transform: rotateY(0) scale(1);
		-webkit-animation-name: flipinfromleft;
}

.flip.out {
		-webkit-transform: rotateY(-180deg) scale(.8);
		-webkit-animation-name: flipouttoleft;
}

.flip.in.reverse {
        -webkit-transform: rotateY(0) scale(1);
        -webkit-animation-name: flipinfromright;
}

.flip.out.reverse {
        -webkit-transform: rotateY(180deg) scale(.8);
        -webkit-animation-name: flipouttoright;
}

.pop {
        -webkit-transform-origin: 50% 50%;
}

.pop.in {
        -webkit-transform: scale(1);
    opacity: 1;
        -webkit-animation-name: popin;
        z-index: 10;
}

.pop.out.reverse {
        -webkit-transform: scale(.2);
        opacity: 0;
        -webkit-animation-name: popout;
        z-index: 10;
}

.pop.in.reverse {
        z-index: 0;
        -webkit-animation-name: dontmove;
}

@-webkit-keyframes popin {
    from {
		-webkit-transform: scale(.2);
		opacity: 0;
	}
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.2);
        opacity: 0;
    }
}
@-webkit-keyframes slideinfromtop {
    from { -webkit-transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); }
}

@-webkit-keyframes slideinfrombottom {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}

@-webkit-keyframes slideouttobottom {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}

@-webkit-keyframes dontmove {
    from { opacity: 1; }
    to { opacity: 1; }
}

@-webkit-keyframes flipinfromright {
    from { -webkit-transform: rotateY(-180deg) scale(.8); }
    to { -webkit-transform: rotateY(0) scale(1); }
}

@-webkit-keyframes flipinfromleft {
    from { -webkit-transform: rotateY(180deg) scale(.8); }
    to { -webkit-transform: rotateY(0) scale(1); }
}

@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0) scale(1); }
    to { -webkit-transform: rotateY(-180deg) scale(.8); }
}

@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) scale(1); }
    to { -webkit-transform: rotateY(180deg) scale(.8); }
}

/*****************/

.dialog {
	background-color:#fff;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 416px;
	padding:0;
}

.dialog .txt-box {
	margin:5px 10px;
}

.dialog-header {
	height: 35px;
	background: -moz-linear-gradient(
		top,
		#88d0e8 0%,
		#77bfd7
	);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#88d0e8),
		to(#77bfd7)
	);
	border-bottom: 1px solid #5aa9c4;
	margin-bottom: 10px;
}

.dialog-header h2 {
	color: #fff;
	margin: 0;
	padding-top: 6px;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
}

.dialog-header h2 span {
	vertical-align:top;
}

.dialog-header-close {
	position: absolute;
	right: 10px;
	top: 6px;
	height:25px;
	width:31px;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url('/img/modal_close.png');
}
.dialog-header-close:hover{
	background-image: url('/img/Amodal_close_focused.png');
}
.dialog-header-close:active {
	background-image: url('/img/Amodal_close_pressed.png');
}

.dialog-lower-pos {
	position: absolute;
	top: -10000px;
}

#activity-message {
	text-align:center;
	margin: 10px 30px 0 30px;
	width: 80%;
	height: 70px;
}
/*** Mood ***/
#mood-textarea {
	width: 80%;
	height: 70px;
	webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #222;
    margin-bottom: 4px;
    font-size: 14px;
    padding: 3px;
    width: 60%;
}

#mood-screenshot {
	margin-left: 1px;
	text-align: center;
	float: left;
	padding-top: 8px;
}
.remains {
	text-align :right;
	margin-right: 1px;
}

#mood-form-buttons,
#activity-form-send {
	text-align:center;
  margin: 10px 30px 0px 30px;
}

#mood-spare,
#activity-spare {
	text-align:right;
	margin: 0 30px 0 30px;
}

.my_face {
	padding-right: 10px;
}

/*** Invite ***/
#invite-message,
#request-message {
	height: 60px;
	width: 100%;
	webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #222;
    font-size: 14px;
}

#invite-list tr:first-child td {
	border-top: solid 1px #eee;
}

#invite-list,
#request-list,
#graph-list {
	margin-right : auto;
	margin-left: auto;
	border-spacing: 0;
}

#invite-list td,
#request-list td,
#graph-list td {
	width: 33%;
	padding: 10px;
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
	vertical-align:top;
}

#invite-list td.border-left,
#request-list td.border-left,
#graph-list td.border-left {
	border-left: solid 1px #eee;
}

#invite-list td.checked,
#request-list td.checked,
#graph-list td.checked {
	background-color: #f5f5f5;
	background-image: url("/img/check.png");
	background-repeat: no-repeat;
	background-position: 8px 8px;
}

#invite-more,
#request-more {
	text-align:center;
	margin: 15px;
}

#invite-commit-error,
#request-commit-error {
	display:none;
	color:red;
	text-align:center;
}

#invite-control,
#request-control,
#graph-control {
	text-align:center;
	margin-top:20px;
}

#invite-in-app-top {
	margin: 10px 10px 10px;
	-moz-border-radius: 4px 4px 4px 4px;
    	border: 1px solid #A6D6E4;
	background-color:#ffffff;
}

#start-link-in-app-top {
	text-align:center;
}

#invite-tm-in-app-top {
	color: #888888;
	font-size: 13px;
	font-weight: normal;
	margin-left: 0px;
}

/*** Open-Invite ***/
#dialog-openinvite .errmsg {
    display:none;
    color:red;
    font-weight:bold;
}

#openinvite-hash {
    color:#09C;
    font-weight:bold;
    font-size:22px;
    padding-top:5px;
    float:right;
}

#openinvite-entry-error{
    color:red;
    padding-top:10px;
    float:right;
    display:none;
}

/*** location ***/
#location-fetch {
	text-align:center;
	margin: 10px 30px 0 30px;
}

.edification-box {
}

.edification-index {
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border:solid 1px #A6D6E4;
    background-color:#E4F2F6;
    padding:5px 10px;
}

.edification-text {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-right:solid 1px #A6D6E4;
    border-left:solid 1px #A6D6E4;
    border-bottom:solid 1px #A6D6E4;
    background-color:#fff;
    padding:5px 10px;
}

table.info {
    -webkit-border-radius: 6px;
    border:solid 1px #ccc;
    margin-right : auto;
    margin-left : auto
}

table.info th {
    background-color: #eee;
    font-weight:normal;
    padding:5px;
}

table.info td {
    border-left:solid 1px #ccc;
    padding:5px 5px 5px 10px;
}

table.info th, table.info td {
    width:40%;
}

table.info tr:first-child th {
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
}

table.info tr:last-child th {
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
}

table.info tr:not(:first-child) th, table.info tr:not(:first-child) td {
    border-top: solid 1px #ccc;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.dialog-header-close {
		background-image: url('/img/modal_close_l.png');
		-webkit-background-size: 31px 25px;
	}
}