/*************************************
   WELCOME TO THE CUSTOM STYLESHEET
--------------------------------------
/**************************************/
/*           COLOR SCHEME             */
/**************************************

Header/Footer colour 262D35

Menu Font colour 838383

Main Body colour F0F0F0

List Box Font colour 676767

***************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/


/**************************************/
/*              HEADER                */
/**************************************/

.headerContainer
{
    background-color: #262D35;
    width: 100%;
    display: block;
    height: 70px;
}

.header
{
    /*background-image: url("../../image/header-vertical-line.png");*/
    background-color: #262D35;
    background-repeat:repeat;
    width: 100%;
    display: block;
    height: 68px;
}

.logo
{
    background-image: url("tagoLogo.png");
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    width:120px;
    height:50px;
}

html, body {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}



/**************************************/
/*             MAIN             */
/**************************************/

#mainbox
{
    background: url("tableft2.gif") no-repeat left top;
}

#menucontainer
{
    float: left;
    margin-top:22px;
    margin-left: 95px;
    margin-bottom: 0px;
}

#menuTabsContainer
{
    font: bold 18px/1.5em Verdana;
    float: left;
    display: block;
    width: 100%;
    font-size: 93%;
    line-height: normal;
    margin-top: 2px;
}

#userContainer
{
    display:block;
    float:left;
    margin-left:150px;
    margin-top:40px;
}

.userNameFont
{
    color: #B5B5B5;   
    font-size: 12px;
}

.signoutFont a:link, .signoutFont a:visited
{
    color: #F0543D;
    text-decoration:none;
}

.signoutFont a:hover
{
    color: #F0543D;
    text-decoration: underline;
}

#menuTabsContainer ul
{
    margin: 0;
    padding: 10px 10px 0 50px;
    list-style: none;
}
#menuTabsContainer li
{
    display: inline;
    margin: 0;
    padding: 0;
}
#menuTabsContainer a
{
    float: left;
    background: url("mainMenu.png") no-repeat left top;
    margin: 0;
    padding: 0 7 0 0px;
    text-decoration: none;
}
#menuTabsContainer a span
{
    float: left;
    display: block;
    height: 34px;
    text-align: center;
    width: 100px;
    padding-right: 5px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuTabsContainer a span
{
    float: none;
}
/* End IE5-Mac hack */
#menuTabsContainer a:hover span
{
   
}
#menuTabsContainer a:hover
{

}
#menuTabsContainer a:hover span
{

}
#menuTabsContainer a.selected2
{
    background: url("mainMenu.png") no-repeat left top;
}
#menuTabsContainer a.selected2 span
{
    
}

#menuTabsContainer div
{
    float: left;
    background: url("tableft2.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
    line-height: normal;
}
#menuTabsContainer div span
{
    float: left;
    display: block;
    background: url("tabright.gif") no-repeat right top;
    width: 100px;
    height: 33px;
    padding: 1px 1px 1px 1px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuTabsContainer div span
{
    float: none;
}
/* End IE5-Mac hack */
#menuTabsContainer a:hover span
{
   
}
#menuTabsContainer div:hover
{
    
}
#menuTabsContainer div:hover span
{
    
}
#menuTabsContainer div.selected2
{
    background: url("mainMenu.png") no-repeat left top;
}
#menuTabsContainer div.selected2 span
{
    
}




/**************************************/
/*            MAIN CONTENT            */
/**************************************/

html
{
    height: 100%;
}
body
{
    height: 100%;
    font-family:  Arial, sans-serif;
}

.main
{
    /*background-image: url("../../image/background-piece.png");*/
    background-color: #F0F0F0;
    background-repeat: repeat;
}


/**************************************/
/*               FOOTER               */
/**************************************/
.footer
{
    /*background-image: url("../../image/footer-vertical-line.png");
    background-repeat: repeat-x;*/
    background-color: #262D35;
    width: 100%;
    display: block;
    height: 150px;
}

#navlist li
{
    display: inline;
    list-style-type: none;
    margin-left: 0px;
    padding: 0px 11px 0px 10px;
    border-right: 1px solid white;
}

.footer{
height: 4em;

}

a.mobilexLable
{
    color: #C0C0C0;
}

.mobilexLable:hover
{
    color:White;
}

/**************************************/
/*               FONTS               */
/**************************************/
.mainMenuSelectedFont
{
    font-family:  Aria;
    font-size: 24px;
    color: #838383;
    font-weight: normal;
	font-style: normal;
	line-height:normal;

}

.mainMenuUnSelectedFont
{
    font-family:  Aria;
    font-size: 24px;
    color: #838383;
    font-weight: normal;
	font-style: normal;
	line-height:normal;
}

.copyRightFont
{
    color: #999;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-weight: bold;
    font-size:10px;
}

.tagoFooterLable
{
     font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color:#F0543D;
}

.footerFont
{
    color: White;
}

.barcodeTypesFont
{
    
}

.smokeLabelFont
{
    font-family:  "Lucida Sans Unicode", sans-serif;
    color:#B5B5B5;
}

.largeLabelFont
{
    font-family:  "Lucida Sans Unicode", sans-serif;
    color: #363636;
    font-size: 24px;
}

.textBoxFont
{
    
}

.whiteFont
{
}




/*********************************/
/*       Art Pieces              */
/*********************************/

.horizontalLine
{
    background-image: url("line_div.png");
    background-position: bottom;
    width: 6px;
    height: 3px;
    background-repeat: repeat-x;
}