.borderred
{
	border-color:#FF0000 !important;
}

.topholder h3
{
	font-size:19px !important;
	letter-spacing:0.5px;
	width:70%;
	margin:0 auto;
	text-align:center;
	text-shadow: 1px /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
	
}

.topholder h3 span
{
	font-size:19px !important;
	letter-spacing:0.5px;
}

.topholder
{
	padding:10px;
	width:96%;
	margin:0 auto;
	position:relative;
}

.logoholder
{
	width:40%;
	margin:30px auto;
}

.ui-listview *
{
	border-radius:0 !important;
}

.ui-input-text
{
	border-radius:10px !important;
	border:3px solid #000000;
	box-shadow:none  !important;
	padding-left:10px !important;
}

.ui-input-text input
{
	color:#000000;
}

.bghead
{
	position:absolute;
	width:100%;
	height:60px;

    background: -webkit-linear-gradient(top, rgba(229,229,229,0), rgba(229,229,229,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, rgba(229,229,229,0), rgba(229,229,229,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, rgba(229,229,229,0), rgba(229,229,229,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, rgba(229,229,229,0), rgba(229,229,229,1)); /* Standard syntax (must be last) */

}

.mybuton
{
	border-radius:10px !important;
	border:3px solid #000000;
	color:#ffffff !important;
	background-color:#4A5464;
	padding:10px 20px;
	display:block;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
	width:100%;
	cursor:pointer;
}

.logoholder img
{
	width:100%;
}

#loginform
{
	width:100%;
	max-width:500px;
	margin:0 auto;
}

.ui-btn-right
{
	color:#ffffff !important;
	font-size:18px !important;
	line-height:28px !important;
	text-decoration:none;
	text-shadow: 1px /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;

}

.ui-btn-left
{
	color:#ffffff !important;
	font-size:18px !important;
	line-height:28px !important;
	text-decoration:none;
	text-shadow: 1px /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;

}

.chat_dat {
	font-size:12px;
	padding:0;
	margin:0;
	line-height:13px;
	color:#CBCBCB;
}

.chat_balon_1 {
	border:1px solid #eeeeee;
	border-radius:0px;
	background-color:#4B5466;
	width:60%;
	padding:14px 20px;
	font-size:20px;
	margin:3px 0 3px 0;
	float:right;
	color:#ffffff;
}

.chat_balon_0 {
	border:1px solid #eeeeee;
	border-radius:0px;
	background-color:#B4B4B4;
	width:60%;
	font-size:20px;
	padding:14px 20px;
	margin:5px 0 5px 0;
	float:left;
	color:#ffffff;
}

.rightb
{
	background-image:url('../images/arrow-right.png') !important;
	background-repeat:no-repeat;
	background-position:right 10px;
	background-size:26px;
}

.rightarrow
{
	background-image:url('../images/arrow-right.png') !important;
	background-repeat:no-repeat;
	background-position:right 2px;
	background-size:26px;
	padding-right:30px;
	top:8px !important;
}

.leftarrow
{
	background-image:url('../images/arrow-left.png') !important;
	background-repeat:no-repeat;
	background-position:left 2px;
	background-size:26px;
	padding-left:30px;
	top:8px !important;
}

#browns
{
	background-image:url('../images/browns.png') !important;
	width:40px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:55px;
	height:40px;
}

#chatbox
{
	background-image:url('../images/chatbox.png') !important;
	width:40px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:55px;
	height:40px;
}

.ui-page-active
{
	background-image:url('../images/bg.png') !important;
}

.icons
{
	display:block;
	width:22px;
	height:22px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-size:contain;
	cursor:pointer;
}

.iholder .icons
{
	margin:0 auto;
}

.iholder
{
	width:22px;
}

.subt
{
	color:#000000;
	font-weight:none;
	line-height:28px;
}

.checked
{
	background-image:url('../images/checked.png');
}

.unchecked
{
	background-image:url('../images/unchecked.png');
}

.zero
{
	background-image:url('../images/zero.png');
}

.nozero
{
	background-image:url('../images/nozero.png');
}

.del
{
	background-image:url('../images/del.png');
}

.cntfiles
{
	color:#ffffff !important;
	padding-top:0;
	font-size:16px !important;
	line-height:19px;
	text-align:center;
}

.files
{
	background-image:url('../images/bgfiles.png');
	background-size:contain;
}

.info
{
	color:#ffffff !important;
	text-decoration:none !important;
	font-size:12px !important;
	line-height:19px !important;
	background-color:#B2B2B2 !important;
	border:3px solid #000000 !important;
	border-radius:4px !important;
	font-weight:normal !important;
	text-align:center  !important;
	width:90px !important;
}

.plus
{
	background-image:url('../images/plus.png');
}

.bolder {
	
}

.r4
{
	overflow:auto;
	max-width:800px;
}

#mesnew
{
	background-color:#FF0000;
	padding:4px 10px 4px 10px;
	border-radius:12px;
	display:none;
}

body
{
	font-size:0.9em;
}

span
{
	font-size:0.9em;
}

.ui-btn-text
{
	font-size:1em;
}

.ui-field-contain .ui-controlgroup-controls
{
	width:100%;
}

.ui-field-contain label.ui-input-text
{
	min-width:100px;
}

.ch_blank
{
	background-color:#E22321;
}

.ch_green
{
	background-color:#F0F1F1;
}

.ch_orange
{
	background-color:#E22321;
}

.ch_red
{
	background-color:#E22321;
}

.ch_red .ui-link
{
	color:#bbbbbb;
}


.ttitle
{
	color:#000000;
	font-weight:bold;
	text-shadow:none;
}

.ui-btn-inner
{
	border-top:0;
}

#pac_form div
{
	margin:0 auto;
	display:block;
	margin-bottom:10px;
	background-image:url('../images/submit.png');
	background-repeat:no-repeat;
	background-position:right center;
	background-size:contain;
	cursor:pointer;
}

#pac_form div input
{
	width:85%;
	margin-left:0 !important;
	margin-right:0 !important;
}


#contact div.ui-input-text {
width:auto;
}

.sizen
{
	padding-left:15px;
	padding-right:15px;
	margin-top:0;
	padding-top:1em;
}



@media screen  and (orientation: landscape) and (min-width: 800px) {

	.topholder
	{
		width:60%;
	}

    div.ui-content {width: 60%;	margin:0 auto;}
	.ui-btn-inner {font-size:1.3em}

	body,span,.chat_balon_1,.chat_balon_2
	{
		font-size:1.2em;
	}

	input.ui-mini, .ui-mini input, textarea.ui-mini, input.ui-input-text, textarea.ui-input-text,.ui-btn-text
	{
		font-size:1.1em;
	}

	label.ui-input-text 
	{
		font-size:1.3em;
	}

	.ui-li-has-count .ui-li-count 
	{
		font-size:1em;
	}

	.ui-field-contain label.ui-input-text
	{
		width:35%;
	}

	#contact div.ui-input-text,.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text
	{
		width:60%;
	}

	.sizen
	{
		padding-left:0;
		padding-right:0;
	}

   }



@media screen  and (orientation: portrait) and (min-width: 700px) {


	.topholder
	{
		width:60%;
	}


    div.ui-content {width: 80%;	margin:0 auto;}
	.ui-btn-inner {font-size:1.3em}

	body,span,.chat_balon_1,.chat_balon_2
	{
		font-size:1.2em;
	}

	input.ui-mini, .ui-mini input, textarea.ui-mini, input.ui-input-text, textarea.ui-input-text,.ui-btn-text
	{
		font-size:1.1em;
	}

	label.ui-input-text 
	{
		font-size:1.3em;
	}

	.ui-li-has-count .ui-li-count 
	{
		font-size:1em;
	}

	.ui-field-contain label.ui-input-text
	{
		width:28%;
	}

	#contact div.ui-input-text,.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text
	{
		width:80%;
	}

	.sizen
	{
		padding-left:0;
		padding-right:0;
	}

   }