body {margin-bottom:10px;max-width:480px;background-color:#fff;font-family:'Lucida Grande',Verdana,Tahoma,Arial;color:#001100;margin:0px auto;}
input.ibutton {font-weight: bold;text-decoration: none;color: #ffffff;background-color: #51BDE3;border: 0;padding:3px;border-radius:10px}
.lbutton {font-weight: bold;font-size:12px;text-decoration: none;color: #ffffff;background-color: #51BDE3;border: 0;padding:4px;border-radius:10px}
img {border: 0px none;float: none;margin-bottom: -2px;}
small{font-size:9px;/*margin-top:-11px;margin-bottom:-7px;display:block;*/}
a {color:#5A8F00;text-decoration:none;}
hr {height:1px;border:none;background-color:#B7BBBD;color:#00FFCC;}
.page {padding:0;color:#330000;background-color:#f7f7f7;border:1px solid #CEDADE;margin:0px;}
.header {
	padding: 2px 0px 0px 0px;
	color:#000000;
	background-color:#51BDE3;
	border:1px solid #51BDE3;
	font-weight:normal;
	text-align:center;
}
.header a{color:#000;font-weight:normal;}
.header a:hover{color:#000;font-weight:normal;background-color:#51BDE3;}
.gotop  {background-color:#A3D3E3;text-align:center;}
.gotop a{color:#0000FF;font-weight:bold;}
#onlmem #green {color:#00CC00;}
.onlmem .green {color:#00CC00;}
#onlmem #red{color:#FF0000;}
.onlmem .red{color:#FF0000;}
#red  {color:#FF0000;}
.red  {color:#FF0000;}
#green {color:#339900;}
.green {color:#339900;}
#boy {color:#069;}
.boy {color:#069;}
#girl {color:#DB0C0C}
.girl {color:#DB0C0C}
#lgreen {color:#00FF66;}
.lgreen {color:#00FF66;}
.pagination{text-align:right;}
.pagination span strong {padding: 0px 2px;margin: 0 2px;font-weight: bold;color: #339900;}
.pagination span a{padding: 0px 2px;margin: 0 2px;font-weight: normal;color: #3366cc;}
.delete a, .delete a:link, .delete a:visited, .delete a:active{color:#FF0000;}
.reply a, .reply a:link, .reply a:visited, .reply a:active{color:#00FF00;}
.box {padding:2px 2px 0px 4px;background:#eeefff;border:1px solid #eeefff;text-align:justify;color:#000000;margin-bottom:8px;}
.heading{padding:2px 2px 2px 2px;background:#DDEEEE;border-bottom:1px solid #CCCCCC;text-align:center;color:#000099;font-weight:bold;}
label {font-weight: bold;}
.list {
	list-style-type:none;
	padding:0;
	margin:0
}
.list li {
	margin:0px;
	margin-bottom:5px;
	border-bottom:#aaa solid 1px;
	padding:5px;
	background: #CEDADE;
	color:#000;
	border-radius: 4px;
}
.list li:hover{
	margin:0px;
	margin-bottom:5px;
	padding:5px;
	border-bottom:#aaa solid 1px;
	padding:5px;
	background: #BAD5DE;
    border-radius: 4px;
}
.list li a{
	color:#1079A0;
	/*display: block;*/
}

.hall-list{text-align:center}
/*.hall-list li:hover{font-weight:bold}*/

.popup-header {
	margin:0px;
	border-bottom:#aaa solid 1px;
	padding:5px;
	background: #CEDADE;
	color:#000;
}
.popup-header a{
	font-weight:bold;
	color:#40ACD2;
}

.popup-list {
	list-style-type:none;
	padding:0;
	margin:0
}
.popup-list li {
	margin:5px;
	/*border-bottom:#aaa solid 1px;*/
	padding:5px;
}
.popup-a{
	background: #CEDADE;
	color:#333;
	text-align:left;
}
.popup-b{
	background:#fff;
	color:#666;
	text-align:right;
}
table {
	padding:0px;
}
table td{
	vertical-align:top;
}
.popups-list li:nth-child(odd) {
	margin:0px;
	border-bottom:#aaa solid 1px;
	padding:5px;
	background-color: #CEDADE;
}
.popups-list li:nth-child(even) {
	margin:0px;
	border-bottom:#fff solid 1px;
	padding:5px;
	background-color: #eee;
}
.profile {
	padding:5px;
}
.profile-top {
	/*border: 1px solid #ddd;*/
	text-align:center;
}
.profile-top a{
	color:#40ACD2;
}
.profile-header{
	margin:0px;
	margin-bottom:5px;
	border:#aaa solid 1px;
	border-top:none;
	padding:5px;
	background: #CEDADE;
	color:#000;
	border-radius: 0px 0px 7px 7px;
}
.error {color: #ff0000}
.error li {list-style-image: url(/images/error.png)}

.index-home {color: #333}
.index-home li {list-style-image: url(/images/tick.png);}

.section {
    background-color: #FFFFFF;
    border: 1px solid #C2D1DF;
    border-radius: 4px 4px 4px 4px;
    line-height: 150%;
    margin: 6px 6px 14px;
}
.title {
    background: url(/images/bg-box.gif) repeat-x scroll 0 -44px #F0F0F0;
    border-bottom: 1px solid #D7D7D7;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #000000;
    font-size: 1.2em;
    font-weight: 700;
    margin: 1px 1px 0;
    overflow: hidden;
    padding: 4px;
    text-overflow: ellipsis;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.subsection {
    background: url("/assets/mobile-images/bg-long.png") repeat-x scroll 0 -1px #FFFFFF;
    margin: 0 1px 1px;
    padding: 4px;
}
.hreful {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.hreful li a {
    background: url(/images/arrow_rgt.gif) no-repeat scroll 99.5% 50% transparent;
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    padding: 6px 4px;
}

.hreful li a:focus, .hreful li a:active, .hreful li a:hover {
    background-color: #F0F0F0;
}

.room-members a {
	font-size: 12px;
	color: #ff0000 !important;
}













.triangle-border {
position:relative;
padding:15px;
margin:1em 0 3em;
border:2px solid #5a8f00;
color:#333;
/*background:#fff;*/
/* css3 */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-border.left {
margin-left:15px;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-border.right {
margin-right:10px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#5a8f00 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}


/* Variant : left
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.left:before {
	top:16px; /* controls vertical position */
	bottom:auto;
	left:-15px; /* value = - border-left-width - border-right-width */
	border-width:9px 15px 9px 0;
	border-color:transparent #5a8f00;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
	top:18px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
	left:-13px; /* value = - border-left-width - border-right-width */
	border-width:7px 13px 7px 0;
	border-color:transparent #CEDADE;
}

/* Variant : right
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.right:before {
	top:18px; /* controls vertical position */
	bottom:auto;
	left:auto;
	right:-15px; /* value = - border-left-width - border-right-width */
	border-width:9px 0 9px 15px;
	border-color:transparent #5a8f00;
}

/* creates the smaller  triangle */
.triangle-border.right:after {
	top:20px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
	left:auto;
	right:-13px; /* value = - border-left-width - border-right-width */
	border-width:7px 0 7px 13px;
	border-color:transparent #fff;
}
/*----------------------------------------------------*/
.comment {
	list-style-type:none;
	padding:0;
	margin:0
}
.comment li {
	margin:0px 0px 5px 20px;
	padding:5px;
	color:#000;
	border-radius: 4px;
}
.comment li a{
	color:#208AB0;
}