/**
 * 	bootstrap overwrite
 * 
 */
.navbar .nav.pull-right {
    margin-top: 12px;
        
  /*  background:url(../img/buttonbgHover.png) repeat-x;
    border:1px solid #899caa;*/	
}
.navbar {
    height:65px !important;
    max-height:65px !important;
    padding: 0 !important;
    margin: 0 !important;

}

.navbar-inner {
    padding: 0 !important;
    margin: 0 !important;
}

.nav{
    position: fixed !important;
    left: 736px !important;
    top: 0 !important;
    width:191px;
}

.topmenu_hidden{
    margin-top: 0 !important;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
    box-shadow: 0 1px 10px rgba(0,0,0,.1);
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    /* border-width: 0 0 1px; */
    background-color: #f1f1f1;
    /*background-image: linear-gradient(to top, #ffffff, #f2f2f2);*/
    background-repeat: repeat-x;
    z-index: 1100;
    position: fixed !important;
    left: 736px !important;
  /*  top: -4px !important; */
}



/**
 *  template format
 */
#main_container {

 /* height: 100%*/
  min-height:1000px;  

}
#bg_container {


  width: 100%;
  /*height: 100%*/
  min-height: 1000px;  
  background: url(../img/bg_main.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity:1;
  filter:alpha(opacity=100); 
  z-index: 900;
}

body {
	background: transparent;
	padding: 0 !important;
	overflow: hidden !important;
}

body div {	
	margin: 0 !important; 
}

footer {
	margin: 0;
	color:#bbb;
	background: #333;	
}


footer p {
	margin: 0 5px 0 0;
	text-align: right;
	position: fixed;
	bottom: 0;
	background: #333;	
	width: 100%;
	border-top: 2px solid #444;
}

.bottom-menu {
	position:relative;
	float: left;
	margin-top: 80% !important;	
	margin-bottom: 200px !important;
	margin-left: 40px  !important;
	background-color: transparent;
}

.slogan {
	position:absolute;
	right: 20px;
	bottom: 15px;
	height: 167px;
	width: 244px;
	margin-left: 50px  !important;
	background: transparent url(../img/logo_service.png) no-repeat;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.slogan p {
	font-family: Verdana;
	background-color: transparent;
	color: #003D66;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 2.8em;
}








/**
 * 	menus
 */



.trayContainer {
    display: none;
    position:relative;
    float:right;
    font-size:12px;
    z-index: 2000;
    padding: 0 0 0 6px;
    margin-right: 10px !important;
}

.menuContainer {
    position:relative;
    float:right;
    font-size:12px;
    z-index: 2000;
}

.menuButton {
	text-decoration:none !important; 
}

.menuButton { 
    display:inline-block;
    float:right;
    background: transparent; 
    border:1px solid transparent;
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* by ID */
#loginmenuButton span {
    color:#445058; 
    font-size:14px; 
    font-weight:bold; 
    text-shadow:1px 1px #fff; 
    padding:7px 29px 9px 10px;    
    background:url(../img/loginArrow.png) no-repeat 53px 7px;
    display:block;
    height: 16px;
}

#accountmenuButton span {
    color:#445058; 
    font-size:14px; 
    font-weight:bold; 
    text-shadow:1px 1px #fff; 
    padding:7px 9px 9px 10px;
    width: 77px;
    background:url(../img/loginArrow.png) no-repeat 75px 7px;
    display:block;
    height: 16px;
}

#helpmenuButton span {
    color:#445058; 
    font-size:14px; 
    font-weight:bold; 
    text-shadow:1px 1px #fff; 
    padding:7px 9px 9px 10px;
    width: 72px;
    background:url(../img/loginArrow.png) no-repeat 70px 7px;
    display:block;
    height: 16px;
}

#trayButton span {
    color:#445058; 
    font-size:14px; 
    font-weight:bold; 
    text-shadow:1px 1px #fff; 
    padding:7px 29px 9px 10px;    
    display:block;
    height: 16px;
}

#loginmenuButton.active span {
    background-position:53px -76px;
}

#helpmenuButton.active span {
    background-position:70px -76px;
}

#accountmenuButton.active span {
    background-position:75px -76px;
}

.menuButton:hover {
    background:url(../img/buttonbgHover.png) repeat-x;
    border:1px solid #26add7;
    border-bottom:2px dotted 15627a;  
        padding-bottom: 0;
    margin-bottom: 0;
}

.menuBox {
    position:absolute;
    top:34px;
    right:0;
    display:none;
    z-index:29;
}

.menuButton.active {
    border-radius:3px 3px 0 0;
    background: #d2e0ea url(../img/buttonbg.png) repeat-x; 
    border:1px solid #899caa;
}





.menuButton.active em {
    position:absolute;
    width:100%;
    height:1px;
    background:#d2e0ea;
    bottom:-1px;
}


.menuForm {
    width:248px; 
    border:1px solid #899caa;
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    margin-top:-1px;
    background:#d2e0ea;
    padding:6px;
}

.menuForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset.menuBody {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

.menuForm #keepalive {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

.menuBody label {
    color:#3a454d;
    margin:9px 0 0 0;
    display:block;
    float:left;
}

.menuForm .menuBody fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}


/* by ID*/
#OIfacebook  {
    width:150px !important;
    height:50px;
    border:1px solid #899caa;
    border-radius:15px;
    -moz-border-radius:15px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
    background:#339cdf url(../img/facebook_logo.png) no-repeat;
}


#OIgoogle {
    width:150px !important;
    height:50px;
    border:1px solid #899caa;
    border-radius:9px;
    -moz-border-radius:9px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
    background:#339cdf url(../img/google_logo.png)  no-repeat;
}

#OIBcontainer {
	width: 100%;
	margin: 0; 
    padding: 0;
    text-align: center;
}

#helpmenuForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}


#accountsetmenuForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}


#accountsetmenuForm select {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:2px 2px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:14px;
}

#accountmenuForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

#helpmenuForm textarea {
	
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
    max-width:202px;
    max-height:210px;
}

#helpmenuForm #login {
    width:auto;
    float:left;
    background:#339cdf url(../img/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

#loginmenuForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}


#loginmenuForm #login {
    width:auto;
    float:left;
    background:#339cdf url(../img/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}


#accountmenuForm #logout {
    width:80px;
    float:left;
    background:#339cdf url(../img/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

#addgidmenuForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

#addgidmenuForm #addgid {
    width:80px;
    float:left;
    background:#339cdf url(../img/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

#accountsetmenuForm #userset {
    width:80px;
    float:left;
    background:#339cdf url(../img/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}


#helpmenuForm #sendcf {
    width:auto;
    float:left;
    background:#339cdf url(../img/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

.menuForm {
	margin-bottom: 0 !important;
}


.menuForm span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}

.menuForm span a {
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}



input:focus {
    outline:none;
}

#ifnapp {

   display: none;
   float: left;
   border: 0;
   margin: 0;
   background: transparent;     
   
}

#ifapp {

   position:fixed;   
   border: 0;
   top: 65px;   
   z-index: 1000;
   min-height:800px;
   min-width: 800px;
   opacity:1;
   filter:alpha(opacity=100);     
   width: 100%;
   height:100%;
   min-height:885px;  
   background: url(../img/bg_main.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;   
   -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
   -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1);
   box-shadow: 0 3px 10px rgba(0,0,0,.1);   
   border-bottom: 30px solid #111;
   margin-bottom: -20px;
   border-top: 0px solid #add4ea;
}


/*jQuery UI reformat*/
.ui-dialog-titlebar-close {
    display: none !important;
}