@charset "utf-8";
/* Mazkirim CSS Document */

input:focus {
       border: 2px solid #336600;
}

#company_logo {
  padding-top: 50px;
	text-align: center;
}

body {
	background-image:url(frame.jpg);
	text-align:center;
	margin:0 auto;
	margin-top:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #000000;
}

.mobile body {
	text-align:center;
	margin:0 auto;
	margin-top:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	color: #000000;
}

img {
  border:0;
}
 
p {
  margin: 0;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#336600;
	font-weight:bold;
	text-decoration:none;
}

.mobile h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#336600;
	font-weight:bold;
	text-decoration:none;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #ff6600;
	letter-spacing:0.05em;
}

.mobile h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	color: #ff6600;
	letter-spacing:0.05em;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	font-weight:bold;
	letter-spacing:0.05em;
}

.mobile h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#000000;
	font-weight:bold;
	letter-spacing:0.05em;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c63b4d;
	font-weight:bold;
	margin-bottom:0px;
}

.mobile h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#c63b4d;
	font-weight:bold;
	margin-bottom:0px;
}

A:link {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #336600; TEXT-DECORATION: underline;
}

A:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR:  #336600; TEXT-DECORATION: underline;
}

A:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #000000; TEXT-DECORATION: underline;
}

A:active {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #336600; TEXT-DECORATION: underline;
}
 
.mobile A:link {
	FONT-WEIGHT: normal; FONT-SIZE: 26px; COLOR: #336600; TEXT-DECORATION: underline;
}

.mobile A:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 26px; COLOR:  #336600; TEXT-DECORATION: underline;
}

.mobile A:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 26px; COLOR: #000000; TEXT-DECORATION: underline;
}

.mobile A:active {
	FONT-WEIGHT: normal; FONT-SIZE: 26px; COLOR: #336600; TEXT-DECORATION: underline;
}

.no_underline A:link {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #336600; TEXT-DECORATION: none;
}

.no_underline A:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR:  #336600; TEXT-DECORATION: none;
}

.no_underline A:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #000000; TEXT-DECORATION: none;
}

.no_underline A:active {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #336600; TEXT-DECORATION: none;
}

.red {
	color: #FF0000;
}

.blue {
	color: #6699FF;
}

.high {
	color: #FF6600;
}

.error_msg {
	color: #FF0000;
	font-weight:bold;
}

#main_div {
	margin:0 auto;
	width:1004px;
	background-color:#FFFFFF;
}

#main_div_mobile {
	margin:0 auto;
  width: 100%;
	background-color:#FFFFFF;
}

#top_banner {
	border-bottom: 1px dashed #336600;
}

#top_banner_mobile {
	border-bottom: 0px;
}

#top_banner_mazkirim {
	text-align: right;
}

#top_banner_mazkirim_mobile {
  text-align: center;
	border-bottom: 2px;
}

#top_banner_hosting {
  position: absolute;
  top: 10px;
  text-align: left;
}

#top_banner_hosting_mobile {
  text-align: center;
	border-bottom: 0px;
}

#two_col {
	width:1004px;
}

#log_in {
	background-image:url(log_in_bg.jpg);
	background-repeat:no-repeat;
  background-position:left;
	width:292px;
  padding-left:18px;
	height:290px;
	float:left;
}
	
#log_in form {
	text-align:left;
	line-height:28px;
	padding: 20px;
	padding-top:105px;
	padding-left:6px; 
	border:0;
	margin: 0;
  vertical-align: middle;
}

#log_in_1 p {
  margin-left:20px;
}

#log_in_2 {
  margin-left:10px;
}

#log_in_3 {
  margin-left:0px;
}

#log_in_4 {
  margin-left:0px;
}

#log_in_5 {
  margin-left:70px;
}

#log_in form p {
	text-align:left;
	padding-left:20px;
}

#log_in input{
	background-color:#336600;
	color: #FFFFFF;
	padding-left:4px;
  margin-left: 5px;
	border: 0;
}

#log_in_button input {
	background-color:#FFFFFF;
	color:#336600;
	padding:0;
  /* text-decoration:underline; */
  cursor:pointer;
	padding-right:2px;
	padding-left:2px;
  width:88px; /* because of anomality with IE that leaves spaces around the text */
}

#log_in_fields_mobile {
	font-size:80px;
}

#log_in_fields_mobile input {
	background-color:#336600;
	color:#FFFFFF;
  cursor:pointer;	
  padding-right:10px;
	padding-left:10px;
  width:100%;
	text-align:left;
	font-size:80px;
	line-height: 90px;	
  margin-bottom:30px;
  border: 1px solid #336600;
}

#log_in_button_mobile input {
	background-color:#336600;
	color:#FFFFFF;
  cursor:pointer;	
  padding-right:0px;
	padding-left:0px;
  width:100%;
	text-align:center;
	font-size:80px;
	line-height: 90px;	
  margin-bottom:30px;
  border: 1px solid #336600;
}

#content_homepage {
	width:484px;
	text-align:left;
	padding-top:50px;
	float:left;
}

#content_homepage_mobile {
  width:100%;
	text-align:left;
	padding-top:50px;
  padding-left:10px;
}

#content_inside_page {
	width:735px;
	text-align:left;
	padding:30px;
	float:left;
}

#content_inside_page_mobile {
	width:100%;
	text-align:left;
	padding:30px;
}

#command_menu {
	width:200px;
	text-align:left;
	padding-top:30px;	
	font-size:15px;
	color:#000000;
	line-height: 30px;	
	float:right;
}

#command_menu_mobile {
	width:100%;
	text-align:center;
	padding-top:30px;	
	font-size:80px;
	color:#000000;
	line-height: 90px;	
}

#command_menu ul {
 	 list-style:none;
}
	 
#command_menu_mobile ul {
 	 list-style:none;
}

#command_menu li {
	 border-bottom: 1px dashed #336600;
}

#command_menu_mobile li {
   margin-bottom:30px;
   background-color: #336600;
   border: 1px solid #336600; 
}

#command_menu li A:link {
	FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #000000; TEXT-DECORATION: none;
}

#command_menu li A:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR:  #000000; TEXT-DECORATION: none;
}

#command_menu li A:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #336600; TEXT-DECORATION: none;
}

#command_menu li A:active {
	FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #000000; TEXT-DECORATION: none;
}

#command_menu_mobile li A:link {
	FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #ffffff; TEXT-DECORATION: none;
}

#command_menu_mobile li A:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR:  #ffffff; TEXT-DECORATION: none;
}

#command_menu_mobile li A:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #ffffff; TEXT-DECORATION: none;
}

#command_menu_mobile li A:active {
	FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #ffffff; TEXT-DECORATION: none;
}

#clock{
	clear:both;
	text-align:right;
	border-bottom:1px dashed #336600;
}

#credit{
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;		
}

form {
	margin-top:40px;
	border: 1px dashed  #336600;
	padding:15px;
	width: 90%;
}

.mobile form {
	margin-top:40px;
  padding:15px;
}

form.no_border {
	margin-top:0px;
	border: 1px dashed  #336600;
	padding:5px;
	width: 100%;
}

form.command {
	margin-top:0px;
	border: 0px;
	padding:5px;
	width: 100%;
}

input {
	background-color:#eff3ec;
  font-family:Arial, Helvetica, sans-serif;
  color: #336600;
	border: 1px solid #336600;
  padding-right:3px;
  padding-left:3px;
	margin-right:10px;
  margin-left:10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.mobile input {
	background-color:#eff3ec;
  font-family:Arial, Helvetica, sans-serif;
	color: #336600;
	border: 1px solid #336600;
  padding-right:3px;
  padding-left:3px;
	margin-right:10px;
  margin-left:10px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size:26px;
}

textarea {
	background-color:#eff3ec;
	color: #336600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-bottom: 10px;
	margin-right:10px;
	border: 1px solid #336600;
  margin-top: 5px;
}

select {
	background-color:#eff3ec;
	color: #336600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:10px;
	border: 1px solid #336600;
  margin-top: 5px;
  margin-bottom: 5px;
}

.buttons {
	text-align: right;
}

.buttons input {
	background-color:#336600;
	color:#ffffff;
	border: 5px #b1c59e solid;
  text-align: center;
  cursor: pointer;
}

.sa-buttons {
	background-color:#336600;
	color:#ffffff;
	border: 5px #b1c59e solid;
  text-align: center;
  margin-top: 10px;
  cursor: pointer;
}

.radios input {
	background-color:#ffffff;
	color: #336600;
  border: 0px;
  padding-right:3px;
  padding-left:3px;
	margin-right:10px;
  margin-left:10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

input.local {
	background-color:#336600;
	color:#ffffff;
	border: 1px #b1c59e solid;
  text-align: center;
  cursor: pointer;
}

form table {
  border: 1px solid #b1c59e;
}

form table td {
  border: 1px solid #b1c59e;
}

form.no_border table {
	border:0; 
}

form.no_border table td {                   
  border:0;
}

form.command table {
  border: 0;
}

form.command table td {
  border: 0;
}

table {
	width: 100%; 
	text-align: left;
	/* border: 1px solid #336600; */
	margin-top: 20px;
	border-collapse: collapse;
	color:#336600;
}

.small_table {
	width: 70%; 
	text-align: left;
	/* border: 1px solid #336600; */
	border-collapse: collapse;
	color:#336600;
}

.small_table td { 
	border: 1px solid #336600;
}

.very_small_table {
	width: 20%; 
	text-align: left;
	/* border: 1px solid #336600; */
	border-collapse: collapse;
	color:#336600;
}

table tr {
	padding: 0;
	/* line-height: 25px; */
}

table th {
	background-color:#336600;
	border: 1px solid #b1c59e;
	color: #ffffff;
}

table td {
	border: 1px solid #b1c59e;
}

.col_command th {
	width: 60px;
	color: #000000;
}

.header_entry {
	color: #ff6600;
	font-weight:bold;
}

.table_even_line{
	background-color:#eff3ec;
}

table A:link {
	FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none;
}

table A:visited {
	FONT-WEIGHT: normal; COLOR:  #000000; TEXT-DECORATION: none;
}

table A:hover {
	FONT-WEIGHT: normal; COLOR: #ff6600; TEXT-DECORATION: none;
}

table A:active {
	FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none;
}

table th A:link {
	/* FONT-WEIGHT: normal; COLOR: #aaaaaa; TEXT-DECORATION: none; */
  FONT-WEIGHT: normal; COLOR: #eeeeee; TEXT-DECORATION: none;
}

table th A:visited {
	/* FONT-WEIGHT: normal; COLOR: #aaaaaa; TEXT-DECORATION: none; */
  FONT-WEIGHT: normal; COLOR: #eeeeee; TEXT-DECORATION: none;
}

table th A:hover {
	FONT-WEIGHT: normal; COLOR: #ff6600; TEXT-DECORATION: none;
}

table th A:active {
	/* FONT-WEIGHT: normal; COLOR: #aaaaaa; TEXT-DECORATION: none; */
  FONT-WEIGHT: normal; COLOR: #eeeeee; TEXT-DECORATION: none;
}