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

.inlinedisplay
{
display:inline-block;
}

.blockdisplay
{
display:block;
}

#legend-bar
{
padding:10px 0px;
padding-bottom:20px;
font-size:90%;
}

#inside-container
{
width:1000px;
margin:auto;
margin-bottom:15px;
}

#breadcrumb-area
{
width:100%;
padding:12px 5px;
font-size:90%;
}

#page-container
{
width:100%;
border:1px solid #dddddd;
-webkit-box-shadow: 4px 4px 5px -4px #cccccc;
-moz-box-shadow: 4px 4px 5px -4px #cccccc;
box-shadow: 4px 4px 5px -4px #cccccc;
padding-bottom:20px;

}

#paging-area
{
padding:10px;
text-align:right;
}


#paging-area a, #paging-area a:link, #paging-area a:visited
{
color:#222222;
padding:6px 10px;
border:1px solid #cbcbcb;
background-color:#cbcbcb;
display:inline-block;
text-align:center;
margin-left:3px;
}

#paging-area a:hover
{
background-color:#454545;
color:#ffffff;
}


#paging-area a.current
{
background-color:#ffffff;
}

#paging-area a:hover.current
{
color:#222222;
}

.bannerad01,
.bannerad02
{
border:1px solid #dddddd;
margin-bottom:20px;
color:#666666;
text-align:center;
font-size:85%;
}

.bannerad01
{
min-height:325px;
}

.bannerad02
{
min-height:160px;
}

.green-bar
{
/*background:url(../images/green-bar.png) no-repeat top left;*/
background-color:#003300;
}

.blue-bar
{
background:url(../images/blue-bar.png) no-repeat top left;
}

.orange-bar
{
background:url(../images/orange-bar.png) no-repeat top left;
}

.red-bar
{
/*background:url(../images/red-bar.png) no-repeat top left;*/
background-color:#990000;
}

#backtotop
{
margin:auto;
padding:20px 0px;
width:1000px;
font-size:85%;
text-align:right;
}

#inlineform
{

padding:20px;
background-color:#eeeeee;
}

#inlineform h2
{
font-size: 18px;
padding:10px;
padding-top:5px;
padding-bottom:15px;
background-color:#2980b9;
color:#ffffff;
margin:0px;
font-weight:400;

}

#inlineform h3
{
padding:10px;
padding-top: 15px;
padding-bottom:0px;
background-color:#2980b9;
color:#ffffff;
margin:0px;
font-weight:400;
font-size:85%;

}

#member-login-container
{
padding:15px;
border:1px solid #cccccc;
background-color:#eeeeee;
}


/*----------------------------------------------------*/
/*               T & C CONTAINER                      */
/*----------------------------------------------------*/

.terms-container
{
max-height: 250px; 
width: 95%; 
overflow-y: scroll; 
padding: 10px; 
border: #cccccc solid 1px;
margin-bottom:20px;
font-size:90%;
}

.terms-container td
{
padding:10px 3px;
border-top:1px dotted #cccccc;
}

.terms-container td ul
{
margin-top:0px;
}


/*----------------------------------------------------*/
/*                      TOOLTIPS                      */
/*----------------------------------------------------*/

span.question {
  
  
  position: relative;
}


div.tooltip 
{
  position: absolute;
  left: 100px;
  top: 0px;
  z-index: 1000000;
  width: 370px;
  border:1px solid #cccccc;
  padding:10px;
  background-color:#ffffff;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  }
  
  
div.tooltip:before {
   content: "";
  display: block;
  height: 0;
  width: 0;
  line-height: 0;
  position: absolute;
  top: 40%;
  left: -6px;
}

/*----------------------------------------------------*/
/*                      PAGE SECTION                  */
/*----------------------------------------------------*/
#company-information
{
}

#bank-information
{
}


/*----------------------------------------------------*/
/*              MEMBER & REGISTER                     */
/*----------------------------------------------------*/

#membership-area
{
border-top:4px solid #2d9ae6;
padding:10px 0px;
}

#membership-area-container
{
padding:15px;
}

#membership-form-container
{
padding:30px 20px;
background-color:#eeeeee;
margin:5px 15px;
}

#membership-form-container2
{
padding:20px;
background-color:#eeeeee;
margin:20px 0px;
}



#membership-area-left
{
font-size:90%;

}

#membership-area-left h2
{
font-size:160%;
font-weight:400;
}

#membership-area-right
{

}

#membership-area h3
{
color:#2980b9;
font-size:150%;
margin:0px;
margin-bottom:10px;
}

/*----------------------------------------------------*/
/*              SIDEBAR MENU                          */
/*----------------------------------------------------*/


#sidebar-menu
{

}

#sidebar-menu ul, #sidebar-menu li
{
list-style:none;
padding:0px;
margin:0px;
}


#sidebar-menu ul
{
margin-top:15px;
}


#sidebar-menu li
{
padding:8px 5px;
border-top:1px solid #cccccc;
}



#sidebar-menu li:before 
{    
font-family: 'FontAwesome';
content: '\f138';
margin-left:0px;
padding-right:5px;
color:#003e78;
}

body.pg01 #sidebar-menu a.sec01,
body.pg02 #sidebar-menu a.sec02,
body.pg03 #sidebar-menu a.sec03,
body.pg04 #sidebar-menu a.sec04,
body.pg05 #sidebar-menu a.sec05,
body.pg06 #sidebar-menu a.sec06,
body.pg07 #sidebar-menu a.sec07,
body.pg08 #sidebar-menu a.sec08,
body.pg09 #sidebar-menu a.sec09,
body.pg10 #sidebar-menu a.sec10
{
color:#003e78;
font-weight:bold;
}


/*----------------------------------------------------*/
/*               Photo Gallery                        */
/*----------------------------------------------------*/

ul#gallerylist,
ul#gallerylist li
{
list-style:none;
padding:0px;
margin:0px;
}

ul#gallerylist li
{
padding:3px;
border:1px solid #cccccc;
margin-right:8px;
margin-bottom:8px;
display:block;
float:left;
}

@media (max-width:480px)

{}

@media (max-width:320px)
{}