body 
{
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin:0px;
}



.container
{
	text-align:center;
	vertical-align:middle;
	color: rgba(113,120,128,1);
	text-align: center;
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(138,157,179,1)),to(rgba(177,183,203,1)));
	-webkit-border-radius: 4px 4px 0 0;
	border-top: 1px solid #9b9b9b;
	border-bottom: 1px solid #808696;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	-webkit-transform: translate3d(0px,0px,0px);
	background-color:#FF0000;
	position:absolute;
    top: 50px;
    left:0px;
    right:0px;
    bottom:0px;
    overflow-y:auto;  	
}

.menuItem 
{
	border: 1px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666;
	font-size: large;
	margin: 0px 20px 20px 20px;
	outline: 0;
	-webkit-appearance: none;
	color:#395587;
	cursor:pointer;
	font-weight:bold;
	font-family: Roboto, Arial;
	background-color:#FFFFFF;
	vertical-align:middle;
    height:100px;
    text-align:center;
}


.subTitle
{
	border: 1px solid #8a9db3;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666;
	font-size: large;
	margin: 0px 20px 30px 20px;
	padding: 20px 20px 20px 20px;
	outline: 0;
	-webkit-appearance: none;
	color:#284373;
	font-weight:bold;
	font-family: Roboto, Arial;
	background-color:#91a1b7;
	vertical-align:middle;
/*    height:100px;*/
    text-align:center;
	white-space: normal;
	text-overflow: clip;
    
}


.imgBtn
{
	text-align:left;
	vertical-align:middle;
	padding: 0px;
    margin: 0px 0px 0px 0px;
    /*width:123px;*/
    height:86px;
}



.caption 
{
	height: 42px;
	width: 100%;
	color: rgba(113,120,128,1);
	text-align: center;
	padding: 0;
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(179,190,204,1)),to(rgba(111,133,162,1)));
	-webkit-border-radius: 4px 4px 0 0;
	border-top: 1px solid #6f85a2;
	border-bottom: 1px solid #212730;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	-webkit-transform: translate3d(0px,0px,0px);
	text-align:center;
	font-weight:bold;
	font-family: Roboto, Arial;
	font-size:xx-large;
	color:#FFFFFF;
	
    width: 100%;
    height: 50px;	
}
/**************************************************/


.popup 
{
	border: 2px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666;
	font-size: 18px;
	padding: 10px;
	outline: 0;
	-webkit-appearance: none;
	color:#DDDDDD;
	background-color:#1f2f4b;
	position:absolute;
	opacity:0.8;
	text-align:left;
	vertical-align:middle;
	font-family: Roboto, Arial;
	top:50%; 
	left:50%; 
    width:150px; 
    height:90px; 
    margin:-50px 0 0 -100px;
    z-index:99;
}



.rounded 
{
	border: 1px solid #888;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 18px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	width:85%;
	margin-left:14px;
	margin-right:14px;
	font-weight:bold;
	/*background: -webkit-gradient(linear,left top,left bottom,from(rgba(135,158,189,1)),to(rgba(74,108,155,1)));*/
	color:#888888;
	height:40px;
}

.btn
{
	border: 1px solid #375075;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: medium;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	width:87%;
	color:#FFFFFF;
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(135,158,189,1)),to(rgba(74,108,155,1)));
	cursor:pointer;
	margin-left:4px;
	margin-right:8px;
	text-align:center;
	margin-top:3px;
}