@charset "utf-8";
/* 
	Property of CRM System
	by CRM System Team 2011-2012
	designed by Wiseperzy 
*/
/* CSS Document */
/* import CRM theme core style*/
@import 'core/button.css';
@import 'core/default.css';
/*font form google font api*/
/*
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Play:700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic);
*/
/*@font-face { font-family: Play; src: url('../font/Play/Play-700.ttf'); } 
@font-face { font-family: Open-Sans; src: url('../font/Open_Sans/OpenSans-Semibold.ttf'); } */

#main{
	width:100%;
	min-width:980px;
	height:100%;
	padding:0px;
	margin:0px;
	}
	#main #head{
		height:60px;
		width:100%;



background: #50a2e0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwYTJlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzE2NzhjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzUyOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #50a2e0 0%, #2989d8 47%, #1678c9 71%, #135299 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50a2e0), color-stop(47%,#2989d8), color-stop(71%,#1678c9), color-stop(100%,#135299)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #50a2e0 0%,#2989d8 47%,#1678c9 71%,#135299 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #50a2e0 0%,#2989d8 47%,#1678c9 71%,#135299 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #50a2e0 0%,#2989d8 47%,#1678c9 71%,#135299 100%); /* IE10+ */
background: linear-gradient(top,  #50a2e0 0%,#2989d8 47%,#1678c9 71%,#135299 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a2e0', endColorstr='#135299',GradientType=0 ); /* IE6-8 */

border-bottom:1px solid #0b3866;
		}
		#main #head #title_head{
			float:left;
			width:350px;
			overflow:hidden;
			z-index:99;
		}
			#main #head #title_head .aa_logo{
				float:left;
				padding-left:5px;
				padding-right:5px;
				padding-top:4px;
				}
				#main #head #title_head .aa_logo img{
				box-shadow: 1px 2px 5px rgba(0,0,255,0.4);
				}
			#main #head #title_head .titlesys{
				text-align:left;
				color:#fff;
				}
				#main #head #title_head .titlesys .titlesys_headline{
					font-size:24px;
					width:100%;
					min-width:450px;
					padding-top:5px;
					font-family: 'Play', sans-serif;
					/*font-weight:700;*/
					text-shadow: 1px 2px 2px rgba(0,0,0,0.4);
				}
				#main #head #title_head .titlesys .titlesys_description{
					width:100%;
					min-width:450px;
					font-family: 'Open-Sans', sans-serif;
					/*font-weight:500;*/
					font-size:14px;
					text-shadow: 1px 2px 2px rgba(0,0,0,0.4);
				}
	
	#main #body{
		width:100%;
		margin:auto;
		min-width:980px;
		border-top:1px solid #4e83c2;
		}
		/*
		#main #body .login_frorm{
			float:right;
			width:500px;
			border-left:1px solid #cccccc;
		}
		#main #body .notice_space{
			float:left;
		}
		*/ 
	#main .head_login{
		font-family: 'Play', sans-serif;
		/*font-weight:700;*/
		font-size:24px;
		}
		
	#main #footer{
		font-family:Tahoma, sans-serif;
		position: absolute;
		z-index:999;
		width:100%;
		min-width:980px;
		margin:auto;
		height:auto;
		padding-bottom:5px;
		text-align:center;
		font-size:10px;
		color:#FFFFFF;
		position: fixed;
		left:0%;
		right:0%;
  		bottom:0%;
		text-align:center;
		}
		#main  #footer #under_menu_bottom{
			margin:auto;
			width:99%;
			border-bottom:1px  solid #ccc6c6;
			text-align:center;
		}
		#main #footer a{
			color:#FFFFFF;
			text-decoration:none;
			}
		#main #footer a:hover{
			color:#FC0;
			color:#FFED00;
			}
		#main #footer #foot_txt{
			left:0%;
			right:0%;
			width:99%;
			margin:auto;
			padding-top:3px;
			}
		#main #footer .txt_copyright{
			float:left;
			text-align:left;
			}
		#main #footer .txt_help{
			float:right;
			text-align:right;
			}



html, body
{
    height: 100%;
}

body
{
    font-family: 'Open-Sans', sans-serif; 
	font-size:12px;   
    margin: 0;
    background-color: #d9dee2;
	background-color: #0856a8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0552a7), to(#0771dd));
    background-image: -webkit-linear-gradient(top, #0552a7, #0771dd);
    background-image: -moz-linear-gradient(top, #0552a7, #0771dd);
    background-image: -ms-linear-gradient(top, #0552a7, #0771dd);
    background-image: -o-linear-gradient(top, #0552a7, #0771dd);
    background-image: linear-gradient(top, #0552a7, #0771dd);    
    
    background: rgb(4,55,165); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0MzdhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzcxZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(4,55,165,1) 0%, rgba(7,113,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,55,165,1)), color-stop(100%,rgba(7,113,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(4,55,165,1) 0%,rgba(7,113,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(4,55,165,1) 0%,rgba(7,113,221,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(4,55,165,1) 0%,rgba(7,113,221,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(4,55,165,1) 0%,rgba(7,113,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0437a5', endColorstr='#0771dd',GradientType=0 ); /* IE6-8 */
}

/*--------------------*/

#bulletin_board
{
	width:50%;
	height:80%;
	/*Block position*/
	position: absolute;
	margin-top:2%;
    left: 3%;
	border:1px solid white;
	}
#bulletin_board_bar{
	width:1px;
	height:84%;
	position: absolute;
	border-right:1px solid #cccccc;
	left:54%;
	margin-top:1%;
	}

.login
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  
    height: 325px;
    width: 400px;
    margin: -150px 0 0 -230px;
    padding: 15px 30px 40px 30px;
	/*Block Login position*/
    position: absolute;
    top: 50%;
    left: 50%;
	
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    -webkit-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),  
          7px 7px   0 rgba(0,   0,   0,   .1);
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
}

.login:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}

/*--------------------*/

h1
{
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 0 15px 0;
    letter-spacing: 4px;
    /*font: normal 26px/1 Verdana, Helvetica;*/
	font-family:Tahoma, Geneva, sans-serif;
	font-family: 'Play', sans-serif;
    position: relative;
}

h1:after, h1:before
{
    background-color: #777;
    content: "";
    height: 1px;
    position: absolute;
    top: 15px;
    width: 25%;   
}

h1:after
{ 
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);      
    right: 0;
}

h1:before
{
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}

/*--------------------*/

#inputs input
{
    background: #f1f1f1  url(../images/login-sprite.png) no-repeat;
    padding: 15px 15px 15px 30px;
    margin-top: 10px;
    width: 353px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

#txtMemberID
{
    background-position: 5px -2px !important;
}

#txtPassword
{
    background-position: 5px -52px !important;
}

#inputs input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/
#actions
{
    margin: 25px 0 0 0;
}

#actions2
{
    font-weight: bold;
    margin-top:10px;
    padding-top:10px;
    text-align: center;
    border-top: solid 2px #999999;
    min-width: 400px;
}

.submit
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    float: left;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
}

.submit:hover,.submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f); 
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}		

.submit:disabled
{			
    background-color: #333333;
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;	
}

.submit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

.submit::-moz-focus-inner
{
  border: none;
}

#actions a
{
    color: #3151A2;    
    float: right;
    line-height: 35px;
    margin-left: 10px;
}

#actions2 a
{
    color: #3151A2;   
    line-height: 20px;
}

/*--------------------*/

#back
{
    display: block;
    text-align: center;
    position: relative;
    top: 60px;
    color: #999;
}