/* This is the style sheet for the external login box */

#transLogo img  { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } 
#transLogo { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/intercall_logo.png',sizingMethod='scale');}
//#alImg2 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/intercall_logo.png'); }


/* body of the box */
body#logonBody { 
text: black;
background-color: white;
margin: 0;
width: 100%;
height: 100%;
}

/* tables */

table#topFrameBox {
bacground-color: #003366;
margin: 0;
width: 100%;
height: 35;
vertical-align: top;
text-align: center;
}

table#topbarBox {
background-color: #000000;
margin: 0;
width: 100%;
border: 0;
vertical-align: bottom;
}


table#logonBox {
background-color: white;
margin:  20px 0 15px 0;
margin-color: #ECEEF4;
border-width: 0; 
padding: 0;
width: 100%;
vertical-align: left;
}

table#reEnterBox {
background-color: white;
margin: 0;
margin-color: white;
border-width: 0; 
padding: 0;
width: 100%;
text-align: left;
vertical-align: center; 
}

table#leftTitleBox {
width: 100%;
border-width: 0 0 1px 0;
border-color: #686C75;
margin: 0;
border-style: none none solid none;
}
table#rightTitleBox {
width: 100%;
border-width: 0 0 1px 0;
border-color: #686C75;
margin: 0;
border-style: none none solid none;
}

table#userPassBox {
text: black;
margin: 0;
background-color: #EEEEEE;
border-style: none; 
vertical-align: left;
text-align: left;
border-color: #ACA899;
border-width: 0;
cellspacing: 0;
cellpadding: 0;
}

table#loginBox {
text: black;
background-color: white;
border-width: 0;
margin: 0;
vertical-align: center; 
text-align: left;
width: 100%;
}

table#rememberMeBox {
background-color: white;
border-width: 1px 1px 2px 0;
margin: 0.2cm 0 0 0;
border-style: outset outset outset none;
vertical-align: center; 
text-align: left;
padding: 0;
}

table#headlineBox {
border-width: 0;
margin-width: 0;
margin-height: 0;
text-color: #FFFFFF;
text-align: center;
}

table#button  {
height: 20px; 
width: 5px;
text-align: right; 
}


/* titles */

.title {  /* defalut = misctextbold1 */ 
font-family: Arial; 
font-size: 18px; 
font-weight: bold; 
color: #000000; 
line-height: 22px;
} 

.subtitle1 {   /* default = misctextbold */
 font-family: Arial; 
 font-size: 12px; 
 font-weight: normal; 
 color: #000000; 
 line-height: 13px
}

.subtitle2 { /* default = misctext */
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: normal; 
color: #000000; 
line-height: 15px
}

.subtitle3 {  /* default = misctext1 */
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: normal; 
color: #000000; 
line-height: 13px
} 

.topbarStripe {
background-color :#999999;
height: 5;
vertical-align: top;
}

/* error message */

.errorMsg {
font-family: Arial;
font-weight: bold;
font-size: 11px;
color: #FF6600;
line-height: 14px;
}

/* td styles */

td.usernameTD {
white-space: nowrap;
text-align: right;
padding: 0.3cm 0.2cm 0.2cm 0;
border-style: none solid none none;
border-width: 2px;
margin: 0;
}

td.passwordTD {
white-space: nowrap;
text-align: right;
padding: 0 0.2cm 0.2cm 0;
border-style: none solid none none;
border-width: 2px;
margin: 0;
}


td.logonAdminTD {
text-align: right;
padding: 0.2cm 0.2cm 0.2cm 0.2cm;
border-style: none solid none none;
border-width: 2px;
margin: 0;
}

td.rememberTD {
white-space: nowrap;
text-align: left;
padding: 0 0.2cm 0 0.2cm;
border-style: none solid none none;
border-width: 2px;
}

td.loginBtnTD {
text-align: right;
padding: 0.2cm 0.2cm 0.2cm 5cm;
border-style: none solid none none;
border-width: 2px;
vertical-align: middle;
}

td.loginBtn{
border: 0;
padding: 0;
height: 13px;
background-repeat: repeat-x;
text-align: left;
white-space: nowrap;
}

td.registerBtnTd {
width: 130px;
text-align: right;
padding: 0.2cm 0.2cm 0.2cm 0.7cm;
vertical-align: middle;
margin: 0;
}

td.titleTD {
padding: 0;
}

td.newUserTD{
text-align: left;
vertical-align: center;
padding: 0.2cm;
}

td.subtitle1TD {
padding: 0;
}

td.subtitle2TD {
padding: 0.2cm
}

td.subtitle3TD {
padding: 0.1cm
}

td.freeText1TD {
text-align: left
}

td.freeText2TD {
text-align: left
}

td.freeText3TD {
text-align: left
}

td.bottomText1TD {
text-align: left;
padding-left: 0.2cm;
padding-top:0.3cm
}

td.bottomText2TD {
text-align: left
}

td.bottomText3TD {
text-align: left
}

td.userPassBoxTd {
text-align: left
}

td.errorMsgTD {
text-align: left;
vertical-align: left;
border-style: none solid none none;
border-width: 2px;
padding: 0.2cm 0 0 0.2cm;
}

td.loginBoxTD {
text-align: left
}


td.guestTD {
text-align: left;
padding: 0 0.2cm 0.2cm 0.4cm;
}

td.rememberMeBoxTD {
text-align: left;
padding: 0;
}

td.rightArrowTD {
background-color: #FF9900;
vertical-align: center;
text-align: left;
padding: 0.1cm;
border-width: 0;
}

td.leftArrowTD {
background-color: #003366;
vertical-align: center;
text-align: left;
padding: 0.1cm;
border-width: 0;
}

td.forgotPassTD {
padding: 0 0.2cm 0.2cm 0.4cm;
border-style: none solid none none;
border-width: 2px;
vertical-align: top;
}

td.logosTD {
height: 85;
text-align: left; 
vertical-align: center;
background-color: #FFFFFF;
white-space: nowrap;
}

td.logoBackgroundTD {
height: 85;
text-align: left; 
vertical-align: center;
background-color: #637D9E;
white-space: nowrap;
}

td.unisfairLogoTD{
width: 460; 
height: 85;
text-align: right; 
vertical-align: center;
white-space: nowrap;
}

td.backgroundTD{
background-color: #637D9E;
}


td.greetingTD {
text-align: left;
padding: 0.3cm;
}



td.reenterTitle {
font-family: Arial;
font-size: 14px;
vertical-align: left;
text-align: left;
background-color: #003366;
color: #FFFFFF;
font-weight: bold;
padding: 0.1cm 0.3cm 0.1cm 0.05cm;
}

td.loginTitle {
vertical-align: left;
text-align: left;
background-color: #003366;
padding: 0.1cm 0.3cm 0.1cm 0.05cm;
border-width: 0 1px 0 0;
border-style: none inset none none; 
}

.topBarTitle{
font-family: Arial;
font-size: 18px;
font-weight: bold;
vertical-align: top;
text-align: left;
padding: 2px 10px 2px 10px;
background-color: #666666;
color: white;
}


.registerTitle {
font-family: Arial;
font-size: 14px;
vertical-align: left;
text-align: left;
background-color: #FF9900;
color: #003366;
font-weight: bold;
padding: 0.1cm 0 0.1cm 0.05cm ;
}

.forgotPassText {
font-family: Arial;
font-size: 11px;
color: #0000FF;
}

/* user name */

.usernameText {
font-family: Arial;
font-size: 12px;
color: #000000;
font-weight: bold;
text-align: left;
vertical-align: left;
padding: 0.3cm 0 0.2cm 0.1cm;
}

input.userBox {
font-family: Arial;
font-size: 8pt; 
font-weight: normal; 
width: 105pt;
height: 14pt;
background-color: FFFFFF; 
border-style: inset none none inset; 
border-width: 2px;  
color: #000000;
}




 /* password */
 
.passwordText {
font-family: Arial;
font-size: 12px;
color: #000000;
font-weight: bold;
text-align: left;
vertical-align: left;
padding: 0.1cm 0 0.2cm 0.1cm;
}

input.passwordBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; 
font-weight: normal; 
width: 105pt;
height: 14pt;
background-color: FFFFFF;
border-style: inset none none inset; 
border-width: 2px; 
color: #000000;
}

/* logon Admin */

.logonAdminText {
font-family: Arial;
font-size: 12px;
text-align: right;
vertical-align: right;
}

/* Enter as Guest */

.guestLogin {
font-family: Arial;
font-size: 11px;
}
 
/* remember me */

.rememberText {
font-family: Arial;
font-size: 11px;
}

.LoginBtnText {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: white;
line-height: 14px;
vertical-align: top;
text-align: left;
}

input.rememberCheckBox {
}

input.enterBtn {
}

/* login Button */
input.loginBtn {}

input.reloginBtn{}

image.loginBtn { 
}
 
/* Free Texts */
.freeText1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold
}

.freeText2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.freeText3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic
}

/* Login Button right & left Texts */ 

.loginRightText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal
}

.loginLeftText {
font-family: Arial;
font-size: 12px;
font-weight: bold;
vertical-align: 50%;
padding-right: 0.25cm;
}

.welcomeName {
font-family: Arial;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: white;
vertical-align: top;
}

.greeting {
font-family: Arial;
font-size: 11px;
color: black;
}

.relogin{
font-family: Arial;
font-size: 12px;
color: black;
}

a.orange:link { text-decoration: underline; color: #FFB300 }
a.orange:hover { color: #FFB300 }
a.orange:visited { color: #FFB300 }
a.orange:active { color: #FFB300 }


a.none:link { text-decoration: none; color: white}
a.none:hover { text-decoration: none;  color: white }
a.none:visited { text-decoration: none;  color: white }
a.none:active { text-decoration: none;  color: white }

/* Bottom Texts */

.bottomText1 {/* default = misctext */
 font-family: Arial; 
 font-size: 12px; 
 font-weight: normal; 
 color: #000000; 
 line-height: 15px
}


.bottomText2 { /* default = misctext1 */
font-family: Arial; 
font-size: 11px; 
font-weight: bold; 
color: #000000; 
line-height: 12px;
}

.bottomText3 {
font-family: Arial;
font-size: 11px;
font-style: normal;
color: #000000; 
}