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

body{ padding:0px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

@media screen and (max-width:320px)
{
    .headbg { background: #f7f7f7; padding: 20px 0 0 0; }
    .loginbg { width:100%; background: #36B0CB; border-radius: 5px; }
    .loginhead { text-align:center; border-bottom: 1px solid #FFF; }
    .txtbx{ background:url(../images/txtbx.jpg) repeat-x; height:36px; width:180px; padding: 10px; float:left; border:1px #dedede solid;}
    .bgbox { width:90%; background: #36B0CB; padding: 5%; margin: 5%; border-radius: 5px; }
    .topink { display:none; }
    .logout { display: block; }
}

@media screen and (min-width:321px) and (max-width:380px)
{
    .headbg { background: #f7f7f7; padding: 20px 0 0 0;  }
    .loginbg { width:100%; background: #36B0CB; border-radius: 5px; }
    .loginhead { text-align:center; border-bottom: 1px solid #FFF;  }
    .txtbx{ background:url(../images/txtbx.jpg) repeat-x; height:36px; width:180px; padding: 10px; float:left; border:1px #dedede solid;}
    .bgbox { width:90%; background: #36B0CB; padding: 5%; margin: 5%; border-radius: 5px; }
    .topink { display:none; }
    .logout { display: block; }
}

@media screen and (min-width:381px) and (max-width:768px)
{
    .headbg { background: #f7f7f7; padding: 20px 0 0 0;  }
    .loginbg {  width:100%; background: #36B0CB; border: 1px solid #999999; border-radius: 5px; }
    .loginhead { text-align:center; }
    .txtbx{ background:url(../images/txtbx.jpg) repeat-x; height:36px; width:180px; padding: 10px; float:left; border:1px #dedede solid;  border-bottom: 1px solid #FFF; }
    .bgbox { width:90%; background: #36B0CB; padding: 5%; margin: 5%; border-radius: 5px; }
    .topink { display:none; }
    .logout { display: block; }
}

@media screen and (min-width:769px) and (max-width:980px)
{
    
    .headbg { height:139px; }
    .loginbg{ background:url(../images/loginbg.jpg) no-repeat; width:716px; height:370px;margin: 0 auto; }
    .loginhead { text-align:right; }
    .txtbx{ background:url(../images/txtbx.jpg) repeat-x; height:30px; width:200; border:1px #dedede solid; }
    .bgbox { }
    .logout { display: none; }
}

@media screen and (min-width:981px) and (max-width:1280px)
{
    .headbg { height:139px;  }
    .loginbg{ background:url(../images/loginbg.jpg) no-repeat; width:716px; height:370px;margin: 0 auto; }
    .loginhead { text-align:right; }
    .txtbx{ background:url(../images/txtbx.jpg) repeat-x; height:30px; width:270px; border:1px #dedede solid; }
    .bgbox { }
    .logout { display: none; }
}

@media screen and (min-width:1281px)
{
    .headbg { height:139px; }
    .loginbg{ background:url(../images/loginbg.jpg) no-repeat; width:716px; height:370px; margin: 0 auto; }
    .loginhead { text-align:right; }
    .txtbx{ background:url(../images/txtbx.jpg) repeat-x; height:30px; width:270px; border:1px #dedede solid; }
    .bgbox { }
    .logout { display: none; }
}

.navbar {
    position: relative;
    min-height:45px !important;
    border-color:#36b0cb !important;
}
.navbar-inverse
{
    background: url(../images/menubg.png) repeat-x;
}
.navbar-nav>li>a { padding:12px 15px 12px 15px !important; color:#000 !important; }

.navbar-nav>li>a:hover { background: #21a5c1 !important; color:#000 !important; }

.navbar-nav li a.active { background: #21a5c1 !important; color:#000 !important; }

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
    color:#000 !important;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
     color:#000 !important;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
     color:#000 !important;
}

.innercontainer { padding-bottom:50px; float: left; width:100%; }

footer { margin: 0; padding:0; width:100%; overflow:hidden;  font-size:13px; }

.footer{ background:url(../images/footerbg.png) repeat-x; height:60px; color:#000; text-align:right; font-weight:bold; }
.footerbg a{ text-decoration:none; color:#000; font-size:13px;}
.footerbg a:link, .footerbg a:visited { text-decoration:none; color:#000; }
.footerbg a:hover { text-decoration:none; color:#543409;}

.myButtonLink {	display: block;	width: 96px; height: 27px; background:url(../images/setting_1.png); }
.myButtonLink:hover {display: block; width: 96px; height: 27px;	background:url(../images/setting_2.png); background-position: 0px 27px; }
.myButtonLinksel { display: block; width: 96px; height: 27px; background:url(../images/setting_2.png); background-position: 0px 27px; }

.datebg { background: #754504; height: 32px; color: #fff; font-weight: bold; line-height: 32px; }