﻿@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
body { background: rgba(0,107,169,1);
background: -moz-linear-gradient(top, rgba(0,107,169,1) 0%, rgba(0,146,250,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,107,169,1)), color-stop(100%, rgba(0,146,250,1)));
background: -webkit-linear-gradient(top, rgba(0,107,169,1) 0%, rgba(0,146,250,1) 100%);
background: -o-linear-gradient(top, rgba(0,107,169,1) 0%, rgba(0,146,250,1) 100%);
background: -ms-linear-gradient(top, rgba(0,107,169,1) 0%, rgba(0,146,250,1) 100%);
background: linear-gradient(to bottom, rgba(0,107,169,1) 0%, rgba(0,146,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ba9', endColorstr='#0092fa', GradientType=0 ); font-family: 'Roboto', sans-serif; padding:0px; margin:0px; font-weight:400; font-size:14px; color:#5e5e5e; }

a { text-decoration:none; }
.h_contaner { width:1170px; margin:0 auto; }

.heder_img { margin-left:-215px; }

.nav { /* width:100%; */ text-align: left;}  /* width commented by wolfiz */
.nav ul { padding:0px; margin:0px; float:left; }
.nav li { list-style:none; float:left; margin-left:1px; }
.nav li a { font-size:14px; color:#565656; padding:15px 20px 11px; float:left;}
.nav li.active a { -webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; background:#84b4e8; color:#FFF; }
.nav li:hover a { -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; background:#84b4e8; color:#FFF; }

.contaner_m { width:1050px; margin:0 auto; background:#FFF; padding:0px 60px; margin-top:-49px; position:relative; z-index:9999; }
.contaner_f { width:1050px; margin:0 auto; background:#205990; padding:20px 60px; color:#FFF; text-align:center; }
.contaner_f2 { width:1050px; margin:0 auto; padding:60px; color:#FFF; text-align:center; }
.contaner { width:1100px; margin:0 auto; background:#FFF; padding:60px; padding-right: 0px}
.contaxner { width:1150px; margin:0 auto; background:#FFF; padding:20px; padding-right: 0px}

h1 { font-size:35px; font-weight:500; color:#205990; margin-bottom:5px; }
h2 { font-size:25px; font-weight:500; color:#205990; margin-bottom:5px; }
h3 { font-size:20px; font-weight:500; color:#205990; margin-bottom:5px; }
.left_box { width:100%; float:left; padding-right:15px; }
.clear { clear:both; }
p { text-align:justify; }
.space { padding:15px 0; width:100%; float:left; }

.games_listbox { width:98%; padding:15px 0px 0px 15px ; border:none; margin:20px 0 0; } 
.games_listbox_inner { height:685px; overflow:auto; margin:20px 0;  }
.games_listbox_inner ul { width:40%; float:left; margin:0px; }
.games_listbox_inner li { list-style:none; float:left; width:100%; padding-left:30px; background:url(../images/game_list_icon.png) no-repeat; font-size:14px; color:#205990; line-height:16px; margin-bottom:10px;   }
.g_title1 { width:50%; float:left; }
.g_title1 span { font-weight:bold; color:#205990; }

.full_width { width:98% !important; }
.list_new {list-style: none;
  padding: 0;
  margin: 0;}
.list_new li {
 padding-left:1em;
  text-indent: -.7em;
  line-height:25px;
}

.list_new li a  { color: #205990; }

.list_new li::before {
  content: "• ";
  color: #205990; /* or whatever color you prefer */
  font-size:30px;  display: inline-block;
  margin-right:20px;
  float:left;
}

.right_box { float:right; width:270px; padding:30px 20px 30px 20px; text-align:center; background-color: #ffedaf }
.right_box .img_box { margin-bottom:0px;   }
.right_box .img_box p  {text-align:center !important;}
.text_j { text-align:justify !important; }
.img_box2 { width:100%; text-align:center; }
.btn_new2 { background: rgba(0,75,122,1);
background: -moz-linear-gradient(top, rgba(0,75,122,1) 0%, rgba(9,144,189,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,75,122,1)), color-stop(100%, rgba(9,144,189,1)));
background: -webkit-linear-gradient(top, rgba(0,75,122,1) 0%, rgba(9,144,189,1) 100%);
background: -o-linear-gradient(top, rgba(0,75,122,1) 0%, rgba(9,144,189,1) 100%);
background: -ms-linear-gradient(top, rgba(0,75,122,1) 0%, rgba(9,144,189,1) 100%);
background: linear-gradient(to bottom, rgba(0,75,122,1) 0%, rgba(9,144,189,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004b7a', endColorstr='#0990bd', GradientType=0 ); -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; display:inline-block; padding:10px 30px;  font-size:20px; font-weight:500; color:#FFF; margin:10px 0; }

.btn_new2:hover {background: rgba(9,144,189,1);
background: -moz-linear-gradient(top, rgba(9,144,189,1) 0%, rgba(0,75,122,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(9,144,189,1)), color-stop(100%, rgba(0,75,122,1)));
background: -webkit-linear-gradient(top, rgba(9,144,189,1) 0%, rgba(0,75,122,1) 100%);
background: -o-linear-gradient(top, rgba(9,144,189,1) 0%, rgba(0,75,122,1) 100%);
background: -ms-linear-gradient(top, rgba(9,144,189,1) 0%, rgba(0,75,122,1) 100%);
background: linear-gradient(to bottom, rgba(9,144,189,1) 0%, rgba(0,75,122,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0990bd', endColorstr='#004b7a', GradientType=0 );}

.all_games_list { width:100%; float:left; padding:20px 0;  }
.all_games_list a { display:inline-block; padding:2px; }
.row { margin-left:-5px !important; margin-right:-5px !important; }

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

table.roundedCorners { 
  border: 5px solid DarkOrange;
  border-radius: 13px; 
  border-spacing: 0;
  width: 100%;
  margin-left:auto; 
  margin-right:auto;
  align-self: center;
  background-color: #b3e6ff;

  }
table.roundedCorners td, 
table.roundedCorners th { 
  border-bottom: 1px solid DarkOrange;
  padding: 10px; 
  text-align: left;
  }
table.roundedCorners tr:last-child > td {
  border-bottom: none;
}

.support {
    position: relative;
    background-color: #f4f5f5;
    color: #3b3c40;
    border: none;
    padding: 20px;
    width: 90%;
}

.form-group {
    border-radius:10px;
    width: 90%;
    padding: 8px 18px;
    font-size: 14px;
    margin-bottom: 24px;
    background: #FFF;
    border: 1px solid #E5E5E4;
    border-radius: 0;
    outline: 0;
    color: #000;
}

.form_td {
	    display: table-cell;
}

.form_table {
	display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

.f_submit {
	border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    width: 118px;
    height: 54px;
}

.form_group:after {
  content:"*";
  color:red;
}

div.error { 
	display: block; 
	color: #b20000; 
	font-size: 1.2em;
	background-color: #f9dede;
	border: 1px solid #b20000;
	border-radius: 2px; 
	border-spacing: 20px;
	height: 200%;
	width: 96%;
	padding-left: 10px;
	padding: 10px;
	margin-left:auto; 
	margin-right:auto;
	align-self: left;
}

span.error { 
	font-style: italic;
	display: block; 
	color: #b20000; 
	background-color: #f9dede;
	border: 1px solid #b20000;
	border-radius: 4px; 
	padding-left: 10px;
	padding: 10px;
	margin-left:auto; 
	margin-right:auto;
	align-self: left;
	display: inline-flex;
  	align-items: center;
 }

.success {
	display: block; 
	color: #003501; 
	font-size: 1.2em;
	background-color: #ccfcce;
	border: 1px solid #003501;
	border-radius: 2px; 
	border-spacing: 20px;
	height: 200%;
	width: 96%;
	padding-left: 10px;
	padding: 10px;
	margin-left:auto; 
	margin-right:auto;
	align-self: left;
}

#ppBody
{
    font-size:11pt;
    width:100%;
    margin:0 auto;
    text-align:justify;
}

#ppHeader
{
    font-family:verdana;
    font-size:21pt;
    width:100%;
    margin:0 auto;
}

.ppConsistencies
{
    display:none;
}

.alisubmit {
	width:200px;
	height:40px;
	border:0;
	background-color:#0ae;
	font-size:16px;
	color:#FFF;
	cursor:pointer;
	margin: auto;
}

.ali_element {
	width:200px;
	height:40px;
	margin: auto;
	font-size:20px
}

hr { 
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 3px;
}


#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  width: 750px;
  height: 300px;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}

#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
}
.contaner:after{content:"";clear: both;display: table}
.left_box .space {
display: none !important;
}