@Import url(/stylesheets/Grid.css);
@Import url(/stylesheets/Configurator.css);

/***************************************************************
 HTML ELEMENTS
 scrollbar-base-color: #CCCCCC; 
 scrollbar-track-color: #666666;
 scrollbar-face-color: #CCCCCC;
 scrollbar-hightlight-color: #CCCCCC;
 scrollbar-3dlight-color: #666666;
 scrollbar-darkshadow-color: #666666;
 scrollbar-shadow-color: #CCCCCC;
 scrollbar-arrow-color: #666666;
***************************************************************/

Body
{
 /*
 scrollbar-track-color: #666666;
 scrollbar-face-color: #2F373F;
 scrollbar-hightlight-color: #666666;
 scrollbar-3dlight-color: #2F373F;
 scrollbar-darkshadow-color: #000000;
 scrollbar-shadow-color: #131927;
 scrollbar-arrow-color: #FFFFFF; 
 */
 background-color: #E2F3FF;
 font-family: Verdana;
 font-size: 8pt; 
 background-image: url(/images/background.jpg);
 background-repeat: repeat-x;
 
}

Table, TD, Input, Select, TextArea
{
 font-family: Verdana;
 font-size: 8pt; 
}

Input, Select, TextArea
{
 font-family: Verdana; 
 color: #333333; 
 background-color: #ffffff;
 /* D7E4F5 (dark) | E6EFFA (light)*/
}
.FormFieldBorder
{
 border: solid 1px #999999;
}

Select
{
 position: relative;
}

A:link
{
 color: #999999;
}

A:active
{
 color: #999999;
}

A:visited
{
 color: #999999;
}

A:hover
{
 color: #999999;
}

.CommandButton
{
 background-color:#dddddd;
 border: solid 1px #999999;
}
.PageTitleContainer
{
 height: 60px;
 position: relative;
 background-image: url(/images/header-line.gif);
}
.PageImage
{
 position: absolute;
 top: 5px;
 left: 20px;
}
.PageTitleText
{
 position: absolute;
 top: 15px;
 left: 80px;
 font-size: 19px;
 font-weight: bold;
 color: #999999;
}
.ImportantPageTitleText
{
 position: absolute;
 top: 15px;
 left: 10px;
 font-size: 19px;
 font-weight: bold;
 color: #999999;
}
.BackToAccountImage
{
 top: 5px;
 right: 5px;
 position: absolute;
}
.BackToAccountText
{
 top: 26px;
 right: 5px;
 position: absolute;
}

.FieldDataFormat
{
 font-size: 9px;
 color: #999999;
 margin-bottom: 2px;
}

/***************************************************************
 HEADER / CONTENT OBJECTS
***************************************************************/

#Logo
{
 width: 150px;
 height: 73px;
 background-color: #ffffff; 
}
#HeaderTop
{ 
 width: 599px;
 height: 53px;
 position: relative;
 background-color: #ffffff;
}
#WelcomeText
{
 position: absolute;
 right: 10px;
 bottom: 0px;
 color: #999999;
 font-weight: bold;
 font-family: Verdana;
 font-size: 9px;
}
#LiveChat
{
 position: absolute;
 right: 0px;
 bottom: 25px;
}
#Menu
{
 height: 21px;
 border: solid 1px silver;
 text-align: left;
 background-image: url(/images/menu-gradient.gif);
 background-color: #ffffff;
}
#SubContent
{
 width: 749px;
 height: 20px;
 padding-left: 10px;
 padding-bottom: 10px;
 padding-top: 5px; 
}

#Footer
{
 width: 749px;
 height: 120px;
 border: solid 1px silver; 
 background-color: #ffffff;
}
#appPageForm
{
 
}
.MenuItem
{
 height: 21px;
 padding-left: 15px;
 padding-right: 15px;
 text-align: center;
 background-image: url(/images/menu-gradient.gif);
 background-repeat: repeat-x; 
 border-right: solid 1px silver;
 padding-top: 2px;
 cursor: pointer;
}
.MenuItemHover
{
 height: 21px;
 padding-left: 15px;
 padding-right: 15px;
 text-align: center;
 background-image: url(/images/menu-hover-gradient.gif);
 background-repeat: repeat-x; 
 border-right: solid 1px silver;
 padding-top: 2px;
 cursor: pointer;
}
.MenuItemSelected
{
 height: 20px;
 padding-left: 15px;
 padding-right: 15px;
 text-align: center; 
 background-image: url(/images/bar_blue.gif);
 background-repeat: repeat-x; 
 border-right: solid 1px silver;
 cursor: pointer; 
}

.FieldLabel
{
 color: #555555;
}
.FieldLabelError
{
 color: #ff0000;
}
/***************************************************************
 MISC
***************************************************************/
.ErrorBox
{
 border: solid 1px #B20202;
 margin-bottom: 20px; 
 color: #666666;
 width: 706px;
}
.SuccessBox
{
 border: solid 1px #003399;
 margin-bottom: 20px; 
 color: #666666; 
 width: 706px;
}
.GrilleDetailsHeader
{
 background-image: url(/images/bar_gray.gif);
 background-repeat: repeat-x;
 height: 20px;
 border-bottom: solid 1px #666666;
 text-align: center;
 color: #666666;
 font-weight: bold;
 padding-top: 3px;
}
.dragable
{
 position: relative;
 z-index: 999;
}
.dragHandle
{
 cursor: pointer;
 position: relative;
}