/*  --------------------------------
    www.tabrio.com 
    Main Style Sheet
    ================================
    Written by Justin Kirkwood     
    -------------------------------- */ 
* {
    margin: 0px;    
}

html, body 
{
    height: 100%;
}

img {border:0px;}

body 
{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-family: Trebuchet MS, Arial, Sans-Serif; 
}

#header 
{
    width: 100%;
    height: 135px;
    position: relative;
}

.Clear 
{
    clear: both;
    height: 0px;
    width: 0px;
}

.MarginCenter 
{
    margin: 0px auto;
    width: 800px;   
}

#headerLogoContainer {padding-top: 12px; width: 800px; position: relative;}
#CallWidgetContainer {padding-top: 5px; padding-left: 5px; position: absolute; top: 2px; width: 365px; margin-top: 10px; padding-top: -5px; right: 0px; background: url(../i/CallWindowBG.png) no-repeat top left; z-index: 9393;}
#CallWidgetContainer h4 {padding: 0px; margin: 0px; margin-top: -5px; text-align: center;}

#headerBar01 {background-image: url(../i/UpperHeaderBG.jpg); height: 81px; min-width: 800px;}
#headerBar02 {height: 27px; max-height: 27px; background-color: #ffffff; min-width: 800px; z-index: 2;}
    #headerLinks {}
    #headerLinks .LinkHolder {padding-top: 1px;}
    .LinkHolder img {margin: 0px 0px; z-index: 2;}
#headerBar03 {height: 1px; background-color: #086daa; min-width: 800px; z-index: 2;}
#headerBar04 {height: 26px; background-color: #abd6f0; min-width: 800px;}
    #headerBar04 .SubLinkWrapper {width: 800px;}
    #headerBar04 .SubLinkHolder 
    {
        float: left; 
        margin-left: 10px; 
        margin-top: 3px;
        color: #878888;
        font-family: Verdana, Sans-Serif;
        font-size: 0.929em;
        letter-spacing: -0.075em;
    }
    #headerBar04 .Active
    {
        color: #ffffff;
        font-weight: bold;
    }
    
    .SubLink a {text-decoration: none; color: #878888;}
    .SubLink a:hover {text-decoration: underline; color: #989999;}
    .SubLink a:visited {text-decoration: none; color: #4a4f4f;}                          
    .SubLink a:visited:hover {text-decoration: underline; color: #4f4f4f;}                          
    .RegisterLink a {text-decoration: none; color: #9e0b0f; font-weight: bold;}
    .RegisterLink a:hover {text-decoration: underline; color: #bf1016; font-weight: bold;}
    .RegisterLink a:visited {text-decoration: none; color: #bf1016; font-weight: bold;}                          
    .RegisterLink a:visited:hover {text-decoration: underline; color: #d41118; font-weight: bold;}                          
    
    #headerBar04 .LastSubLink {margin-left: 280px; z-index: 400;}

#content
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -117px;
    width: 100%;
    min-width: 800px;
    background-color: #f5f1eb;
}

.FrontPageQuote
{
    float: left;
    margin-left: 10px;
    width: 350px;
    font-size: 0.857em;
}

.FrontPageLogos
{
    margin-left: 20px;
    float: left;
    width: 417px;
}

/* Footer [Default.Master] */

#footer
{
    font-family: Arial, Sans-Serif;
    font-size: 0.769em;
    color: #ffffff;
    width: 100%;
    min-width: 800px;
    height: 117px;
    background-color: #404040;
    background-image: url(../i/FooterGradientBG.jpg);
    background-repeat: repeat-x;
    clear: both;
}

.push 
{
    height: 117px;   
    clear: both;
}

#footer a {color: #ffffff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer a:active {font-weight: bold;}
#footerLinks {height: 20px; padding-top: 10px; }
#footerLinks a {margin-right: 25px;}
#footerContent {height: 40px; width: 790px;}

#footerCopyright {text-align: center; color: #969696;}
#footerCopyright img {margin-bottom: 10px;}

/* END Footer */


/* Default.aspx Start */

#SplashHeader 
{
    background-image: url(../i/SplashHeaderBG.jpg);
    background-repeat: none;   
    height: 279px;
    width: 100%; 
}

#SplashContent
{
    background-image: url(../i/SplashImageBG.jpg);
    height: 278px;
    width: 800px;
}

#SplashContent #TextBox
{
    margin-left: 135px;
}

#TextBox h1 {color: #fff; font-size: 2.5em; font-weight: bolder; padding: 20px 0px 15px; }
#TextBox h2 {color: #fff; font-size: 1.857em; font-weight: bold; padding: 0px 0px 15px;}
#TextBox h3 {color: #fff; font-size: 1.357em;}
/* Rounded Corner (RC) Box */

.RCBoxWrapper {clear: both;}
.RCBoxHeaderRound{width: 100%; height: 63px; position: relative; background: url(../i/boxes/rcbhc.jpg) repeat-x top left;}
.RCBoxHeaderRound .RCBoxHeaderLeft {position: absolute; top: 0px; left: 0px; height: 63px; width: 10px; background: #ffffff url(../i/boxes/rcbhl.jpg) no-repeat top left;}
.RCBoxHeaderRound .RCBoxHeaderRight {position: absolute; top: 0px; right: 0px; height: 63px; width: 10px; background: #ffffff url(../i/boxes/rcbhr.jpg) no-repeat top right;}
.RCBoxHeaderRound .RCBoxHeaderContent {padding: 10px; position: relative;}

.RCBoxHeaderSquare{width: 100%; height: 63px; position: relative; background: url(../i/boxes/sqbtop.jpg) repeat-x top left;}
.RCBoxHeaderSquare .RCBoxHeaderLeft {position: absolute; top: 0px; left: 0px; height: 63px; width: 10px; background: #ffffff url(../i/boxes/sqbtl.jpg) no-repeat top left;}
.RCBoxHeaderSquare .RCBoxHeaderRight {position: absolute; top: 0px; right: 0px; height: 63px; width: 10px; background: #ffffff url(../i/boxes/sqbtr.jpg) no-repeat top right;}
.RCBoxHeaderSquare .RCBoxHeaderContent {padding: 10px}

.RCBoxContent {width: 100%; background-color: #ffffff; clear: both;}
.RCBoxContent .RCBoxLeft {width: 10px; height: 100%; background: #ffffff url(../i/boxes/rcbl.jpg) repeat-y top left; float: left;}
.RCBoxContent .RCBoxRight {width: 10px; height: 100%; background: #ffffff url(../i/boxes/rcbr.jpg) repeat-y top left; float: left;}
.RCBoxContent .ContentContainer {padding: 0px 10px;}
.RCBoxFooter {width: 100%; height: 10px; background: url(../i/boxes/rcbb.jpg) repeat-x top left; position: relative;}
.RCBoxFooter .RCBoxBottomLeft {position: absolute; bottom: 0px; left: 0px; width: 10px; height: 10px; background: url(../i/boxes/rcbbl.jpg) no-repeat bottom left;}
.RCBoxFooter .1RCBoxBottomRight{position: absolute; bottom: 0px; right: 0px; height: 10px; width: 10px; background: url(../i/boxes/rcbbr.jpg) no-repeat bottom right;}

#TabrioConnectSplashBox {width: 471px;}
#TabrioConnectSplashBox .Header {color: #626264; font-size: 1.143em; font-weight: 400;}

#TabrioCallSplashBox {width: 471px;}
#TabrioCallSplashBox .Header {color: #626264; font-size: 1.143em; font-weight: 400;}

#SplashBoxWrapper {width: 800px;}
#SplashBoxWrapper #left {float: left; width: 375px;}
#SplashBoxWrapper #right {float: left; width: 420px;}

.MainContentBox {width: 800px; margin-top: 20px; margin-bottom: 26px;}
.MainContentBox .ContentContainer {padding: 5px;}
.MainContentBox h1 {color: #ffffff; font-weight: bolder; font-size: 2.429em; font-family: Trebuchet MS, Sans-Serif; letter-spacing: -0.050em;}
.MainContentBox h2 {color: #666666; font-size: 2.571em; font-family: Trebuchet MS, Sans-Serif; letter-spacing: -0.050em;}
.MainContentBox em {color: #828282; font-style: italic; font-size: 1.571em; font-family: Trebuchet MS, Sans-Serif;}
.MainContentBox h3 {color: #3c6d9d; font-size: 1.714em; font-family: Trebuchet MS, Sans-Serif; letter-spacing: -0.075em;}
.MainContentBox h4 {color: #969696; font-size: 1.429em; font-family: Trebuchet MS, Sans-Serif; font-weight: normal; letter-spacing: -0.075em;}
.MainContentBox h5 {color: #969696; font-size: 1.357em; font-family: Trebuchet MS, Sans-Serif; font-weight: normal; letter-spacing: -0.075em;}
.MainContentBox p {color: #828282; font-family: Trebuchet MS, Sans-Serif;}

.MainContentBox .SmallColumn {position: relative; width: 380px; float: left;}
.MainContentBox .BigColumn {width: 390px; float: left; margin-left: 15px; position: relative;}

#EnterpriseFeatureTable {margin-left: 10px;}
#EnterpriseFeatureTable td {width: 300px;}
#EnterpriseFeatureTable .ImageTD {width: 52px;}
#EnterpriseFeatureTable img {margin: 2px 0px;}

#content-box h2 {font-size: 1.154em; font-weight: bold; margin-bottom: 5px; margin-top: 5px;}
#content-box h3 {font-size: 1.308em; margin: 10px 0px;}
#content-box p {margin-left: 30px; text-align: justify;}
#content-box ol {margin-left: 45px; color: #4f4f4f;}


.style1 {margin-left: 80px;}



.BigColumn form label {
	display: block;
	width: 150px;
	
	float: left;
	
	font-weight: bold;
	color: #0072b9;
}
.BigColumn form input.text {
	width: 200px;
	float: left;
	
	margin-bottom: 10px;
	padding: 2px;
}
.BigColumn form select {
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
.BigColumn form textarea {
	width: 200px;
	height: 175px;
	padding: 2px;
	margin-bottom: 10px;
}
.BigColumn form input.button {
	font-size: 16px;
	margin-top: 12px;
}

#EnterpriseLinkHolder img {margin-right: 3px;}
#EnterpriseLinkHolder a {color: #0062a0; text-decoration: none; margin-bottom: 3px;}
#EnterpriseLinkHolder a:hover {color: #064064; text-decoration: underline;}
#EnterpriseLinkHolder a:active {color: #abd6f0; text-decoration: none;}

.ListContainer{vertical-align: middle; font-size: 0.923em; color: #3f3f3f;}
.ListContainer .ListFirst {margin-left: 5px; }
.ListContainer .ListSecond {margin-lefT: 25px;}
.ListContainer .ListThird {margin-left: 55px;}


.EnterpriseLoginLink 
{
    position: absolute;
    margin-top: 100px;
    bottom: 0px;
    left: 0px;
    font-size: 0.846em;
    width: 150px;  
    z-index: 9999; 
}

.EnterpriseLoginLink02
{
    position: absolute;
    bottom: -45px;
    right: 0px;
    font-size: 0.846em;
    width: 150px;  
    z-index: 9999; 
}