/* 

core elements

*/

body
{ background-color: #efefef; margin: 0px 0px 0px 0px;	}
form
{ margin: 0px;	}

/*

ids

*/

#root
{ height: 100%;	}
#header
{ font-family: Arial; font-size: 14px; color: #ffffff; background: url(../images/bg.jpg) repeat-x; padding: 0px; padding-left: 10px; border-bottom: solid 1px #1a3841;	}
#nav
{ font-family: Arial; font-size: 11px; color: #000000; background: url(../images/bg_subheader.gif) repeat-x; padding: 7px 4px 7px 4px; border-bottom: solid 1px #c0a62d;	}
#help
{ float: right;	}
#preview
{float: right; display: inline;}
#options
{ float: right; }
#login
{ font-family: Tahoma; color: #FFFFFF; font-size: 11px; background: url('../images/bg_login.gif') top left no-repeat; height: 386px; width: 258px; margin: 80px 0 0 200px;	}
#login .loginForm
{ padding-left: 30px; padding-top: 30px; }
#features, .features
{ width: 431px; height: 191px; overflow: auto;	}
#features .textbox, .features .textbox
{ float: right;	}
#stores
{ width: 431px; height: 405px; overflow: auto;	}

/*

classes

*/

.content
{ padding: 15px 15px 15px 15px;	}
.sectionHeaderTable
{ border: solid 1px #cccccc; font-family: Arial; font-size: 11px; color: #002248; font-weight: bold; background-image: url(../images/bg_list_header.gif); background-repeat: repeat-x;	}
.sectionHeaderTableContent
{ padding: 7px 2px 7px 5px;	}
.sectionHeaderTableContentLeft
{ padding-left: 5px;	}
.sectionHeaderTableContentRight
{ text-align: right; padding: 1px 3px 1px 0px; height: 26px;}
.listHeaderTable
{ background-color: #FFFFFF; border-left: solid 1px #d7d7d7; border-right: solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7;	}
.listHeaderContent
{ font-family: Arial; font-size: 11px; padding: 5px 8px 5px 8px; color: #3d3d3d; font-weight: bold; background-color: #f7f7f7;	}
.listItemTable
{ background-color: #FFFFFF; border-left: solid 1px #d7d7d7; border-right: solid 1px #d7d7d7;	}
.listItemContent
{ font-family: Arial; font-size: 11px; padding: 5px 8px 5px 8px; color: #3d3d3d; border-bottom: solid 1px #d7d7d7;	}
.listItemContentActions
{ font-family: Arial; font-size: 11px; text-align: right; padding: 2px 4px 2px 4px; color: #3d3d3d; border-bottom: solid 1px #d7d7d7;	}
.listText
{ font-family: Arial; font-size: 11px; padding: 7px 8px 7px 8px; color: #3d3d3d; border-bottom: solid 1px #d7d7d7;	}
.formTable
{ background-color: #FFFFFF; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc;	}
.formHeaderTable
{ font-family: Arial; font-size: 11px; padding: 5px 8px 5px 8px; color: #3d3d3d; font-weight: bold; background-color: #f7f7f7; border-bottom: solid 1px #d7d7d7;	}
.formButtons
{ font-family: Arial; font-size: 11px; padding: 8px 8px 8px 8px;	}
.formHeaderContent
{ font-family: Arial; font-size: 11px; padding: 6px 8px 6px 8px; color: #3d3d3d; }
.formHeaderContentTextLight
{ font-family: Arial; font-size: 11px; padding: 6px 8px 6px 8px; color: #3d3d3d; background-color: #ffffff; border-bottom: 1px solid #d7d7d7;}
.formHeaderContentTextDark
{ font-family: Arial; font-size: 11px; padding: 6px 8px 6px 8px; color: #3d3d3d; background-color: #eeeeee; border-bottom: 1px solid #d7d7d7;}
.errorMessage
{ font-family: Arial; font-size: 13px; color: #FFFFFF; text-align: center; border: solid 1px #C42626; background-color: #E65F5F; padding: 6px 8px 6px 8px;	}
.formTableFileList
{ font-family: Arial; font-size: 11px; color: #808080;	}
.hrDashed
{ border: none; border-bottom: dashed 1px #c0c0c0; }
.hrLoginPage
{ border: none; border-top: solid 1px #FFFFFF; width: 190px;	}

/*

text classes

*/

.txtImageDescription
{ font-family: Tahoma; font-size: 10px; color: #808080;	}
.txtLoginError
{ font-family: Tahoma; font-size: 11px; color: #cbc672;	}
.txtArchived
{ background-color: #DEDEDE;	}

/*

form classes

*/

.frmComboBox
{ font-family: Arial; font-size: 11px; color: #222222; background-color: #F8F8F8; border: solid 1px #c0c0c0; padding: 2px 2px 2px 2px;	}
.frmComboBoxFixed
{ font-family: Arial; font-size: 11px; color: #222222; background-color: #F8F8F8; border: solid 1px #c0c0c0; padding: 2px 2px 2px 2px; width: 431px;	}
.frmTextBox
{ font-family: Arial; font-size: 11px; color: #222222; background-color: #F8F8F8; border: solid 1px #C0C0C0; padding: 3px 3px 3px 3px; width: 431px; height: 21px;	}
.frmTextBoxScalable
{ font-family: Arial; font-size: 11px; color: #222222; background-color: #F8F8F8; border: solid 1px #C0C0C0; padding: 3px 3px 3px 3px; height: 21px; }
.frmTextArea
{ font-family: Arial; font-size: 11px; background-color: #F8F8F8; border: solid 1px #C0C0C0; padding: 3px 3px 3px 3px;	}
.frmTextAreaFixed
{ font-family: Arial; font-size: 11px; background-color: #F8F8F8; border: solid 1px #C0C0C0; padding: 3px 3px 3px 3px; width: 431px; height: 120px;	}
.frmFileInput
{ font-family: Arial; font-size: 11px; height: 21px;	}
.frmButton
{ font-family: Arial; font-size: 11px; color: #222222; padding-left: 7px; padding-right: 7px;	}
.frmTextBoxLogin
{ font-family: Arial; font-size: 11px; color: #222222; background-color: #cdced1; border: solid 1px #FFFFFF; padding: 3px 3px 3px 3px; height: 21px;	}
.frmButtonLogin
{ font-family: Tahoma; font-size: 11px; color: #000000; background-color: #cbc672; border-left: solid 1px #ede9a2; border-top: solid 1px #ede9a2; border-bottom: solid 1px #a19c4b; border-right: solid 1px #a19c4b; padding: 2px 10px 2px 10px;	}
.frmTextboxTiny
{ font-family: Tahoma; font-size: 10px; color: #333333; background-color: #F8F8F8; border: solid 1px #C0C0C0; padding: 2 0 2 2; height: 18;	} 
.frmTextboxTinyDisabled
{ font-family: Tahoma; font-size: 10px; color: #aca899; background-color: #ece9d8; border: solid 1px #ababab; padding: 2 0 2 2; height: 18;	} 

/*

classes

*/

a.linkDefault:link, a.linkDefault:active, a.linkDefault:visited
{ font-family: Arial; font-size: 11px; color: #1a3841; text-decoration: none; }
a.linkDefault:hover
{ text-decoration: underline;	}
a.linkLogin:link, a.linkLogin:active, a.linkLogin:visited
{ font-family: Arial; font-size: 11px; color: #ffffff; text-decoration: none; }
a.linkLogin:hover
{ text-decoration: underline;	}
a.linkMenu:link, a.linkMenu:active, a.linkMenu:visited
{ font-family: Arial; font-size: 11px; color: #000000; text-decoration: none; padding: 3px 8px 3px 8px;	}
a.linkMenu:hover
{ font-family: Arial; font-size: 11px; color: #000000; text-decoration: none; padding: 3px 7px 3px 7px; background: url('../images/bg_link_hover.gif'); border-left: solid 1px #c0a62d; border-right: solid 1px #c0a62d;	}
a.linkMenuSelected:link, a.linkMenuSelected:active, a.linkMenuSelected:visited
{ font-family: Arial; font-size: 11px; color: #000000; text-decoration: none; padding: 3px 7px 3px 7px; background: url('../images/bg_link_hover.gif'); border-left: solid 1px #c0a62d; border-right: solid 1px #c0a62d;	}
a.linkTableHeader:link, a.linkTableHeader:active, a.linkTableHeader:visited
{ font-family: Arial; font-size: 11px; color: #3d3d3d; font-weight: bold; text-decoration: none; 	}
a.linkTableHeader:hover
{ text-decoration: underline;	}

#alfa
{z-index: 10; width:100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #000000; opacity: 0.3; filter: alpha(opacity=30); display: none;}

#filter
{z-index: 100; width:100%; height: 100%; position: absolute; top: 0px; left: 0px; text-align: center; display: none;}

#filter-body
{padding-left: 20px; font-family: tahoma; font-size: 12px; width: 600px; text-align: left; margin-left: auto; margin-right: auto; height: 80%; margin-top: 90px; background-color: white; overflow: scroll;}