/* Common  */
* {margin:0; padding:0;}
body { overflow-x:hidden; }

@charset "utf-8";
/* Playfactory_CRM : Interective Team */


#wrap {float:left; width:100%; height:100%;}
#wrap_main {float:left; width:100%; height:100%;}
#header {
    margin:0; 
    width:100%; 
    height:55px; 
    position:relative; 
    background: #0f77bd; /* Old browsers */
    border-bottom: 5px solid #1e5799;
    
    /*background-image:url(/img/bg_tal.gif); 
    background-repeat:repeat-x; */ 
    z-index:100
}

#column_left{float:left;width:240px; margin-top:-43px;}
#column_right{margin-top:-20px; margin-left:265px; margin-right:25px;}
#navigation {color: #333; margin-left:240px; padding:0px;}

.subtitle {height:50px;padding-top:10px; border-bottom:1px solid #dddee2;}

   
/* 패딩값 */
.pad1 {padding-top:30px;padding-bottom:15px;}
.line {width:100%; height:2px; background:url(/img/line_dot.gif);}



/* Header */
.big_logo {float:left; width:341px; height:55px;vertical-align:top;} 
.big_logo h1{vertical-align:top;}
.login_name{float:right; font-size:11px; color:#bbd1e6; margin:8px 30px 0 0; text-align:right; margin-top:13px;}
.login_name img{margin:7px 7px 7px 13px;}

.actionbtn{float:right; margin:-35px 5px 0 0;}
.actiontxt{float:right; margin:-28px 5px 0 0;}

.menu-title {
    height:43px;
    padding: 15px 26px;
    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #7db9e8 0%, #2989d8 36%, #207cca 56%, #1e5799 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(36%,#2989d8), color-stop(56%,#207cca), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db9e8 0%,#2989d8 36%,#207cca 56%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db9e8 0%,#2989d8 36%,#207cca 56%,#1e5799 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db9e8 0%,#2989d8 36%,#207cca 56%,#1e5799 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db9e8 0%,#2989d8 36%,#207cca 56%,#1e5799 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */ 
}
.formtitle {font-size: 18.5px;  font-weight: bold;}


input{outline-style:none;}

#gamelist > ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#gamelist > ul > li {
  float: left;
  position: relative;
}
#gamelist > ul > li {
  padding: 3px 30px;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 18px;
}




.table-scroll {height:200px; border:0; overflow-x:hidden; overflow-y:scroll;} 

.iplist-scroll {height:450px; border:0; overflow-x:hidden; overflow-y:auto;} 

.table-padding thead > tr > th,
.table-padding tbody > tr > th,
.table-padding tfoot > tr > th,
.table-padding thead > tr > td,
.table-padding tbody > tr > td,
.table-padding tfoot > tr > td {
 padding: 1px 10px 1px 10px; 
 }
  

.table-fixed { table-layout:fixed;}

.width-scroll {border:0; overflow-x:scroll; overflow-y:hidden;} 

.table-bold{font-weight: bold;}

.table-margin-type1 {margin-top:2px;}

.table-margin-type2 {margin-top:3px;}

.table-margin-type3 {margin-top:5px;}

.right-margin5 {margin-right:5px; text-align:right;}

.right-margin10 {margin-right:10px; text-align:right;}

.right-margin20 {margin-right:20px; text-align:right;}

.alert-font {font-size:13px; }


/* Sidebar Navigation */

#sidebar > ul > li {
    margin:0px;
	border-top: 1px solid #4E4E4E;
	border-bottom: 1px solid #393939;
}

#sidebar > ul > li a:hover {
	color: #ffffff;
	background-color: #ffffff;
}


#sidebar > ul > li.active {
    background-color: #6F30C9;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#6F30C9), to(#6F30C9));
	background-image: -webkit-linear-gradient(top, #6F30C9 0%, #6F30C9 100%);
	background-image: -moz-linear-gradient(top, #6F30C9 0%, #6F30C9 100%);
	background-image: -ms-linear-gradient(top, #6F30C9 0%, #6F30C9 100%);
	background-image: -o-linear-gradient(top, #6F30C9 0%, #6F30C9 100%);
	background-image: linear-gradient(top, #6F30C9 0%, #6F30C9 100%);
}

#sidebar > ul > li.open.submenu > a {
	border-bottom: 1px solid #393939;
}
#sidebar > ul > li.open.active.submenu > a {
	border-bottom: 1px solid #2A2A2A;
}
#sidebar > ul > li > a > .label {
}
#sidebar > ul > li > a:hover {
	background-color: #8142DB;
}
#sidebar > ul ul {
	border-top: 1px solid #4E4E4E;
	background-color: #2A2A2A;
}
#sidebar > ul ul li a {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #202020;
}

#sidebar > ul > li.active a {
color: #FFFFFF;
background-color: #272727;
}

#sidebar > ul ul li a:hover {
	color: #CCCCCC;
	background-color: #272727;
}


/* footer */
.footer {height:70px;padding-top:20px;text-align:center; border-top:1px solid #dddee2;}
.footer .logo {display:inline;}
.footer img {vertical-align:middle;margin:8px 10px 2px 3px;}
.footer .copyright {display:inline;font-style:normal;font-size:0.875em;font-family:"Tahoma";}
.footer .copyright a {color:#888888;text-decoration:none;}


/* toggle-view */
#toggle-view {
	list-style:none;	
	font-size:12px;
	margin:0;
	padding:0;
	width:100%;
}

#toggle-view li {
	margin:10px;
	margin-bottom:0px;
	border-bottom:1px solid #ecf0f1;
	position:relative;
	cursor:pointer;
}

#toggle-view h3 {
	margin:0;
	margin-bottom:15px;
	font-size:13px;
}

#toggle-view span {
	position:absolute;
	margin-top:8px; margin-right:5px;
	right:5px; top:0;
	font-size:12px;
}

#toggle-view .spanel {
	margin:30px;
	display:none;
}

 /*------------- file  input ------------------*/
 .fakeFileTxt { 
  display: block;
  height: 25px;
  font-size: 13px;
  color: #2c3e50;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #dce4ec;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin-left:-4px;
 }

 .fileDiv	  {
  position: relative;
  /*버튼이미지 크기에 따라서 width, height 수정*/
  width: 70px;
  height: 25px;
  /*버튼이미지 크기에 따라서 width, height 수정*/
  overflow: hidden;
 }
 
 .buttonImg {
  background:url('/img/file.png');

  /*버튼이미지 크기에 따라서 width, height 수정*/
  width:65px;
  height:25px;

  /*버튼이미지 크기에 따라서 width, height 수정*/
  position: absolute;
  top: 1px;
  color: #e1f0fb;
  border-style: solid;
  border-color:#e1f0fb;
 }

 .realFile { 	
  position: absolute; right: 0px; top: 0px;  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
 }
 /*------------- file  input ------------------*/