/**************************************************
Gemini BLUE METAL Theme: v2.0
-----------------------------

- Borders/Lines: e2e0e0 (gray)
- Headings/Links: 1b2127 (blue) 
- Header Bar: 1b2127 (dark metal) 
- Navigation Bar: f5f5f5 (light gray)

- Main background color: bec7cc (pale blue)
- Secondary background color: f2f9ff (light blue) 
- Gray background color: f5f5f5 (light gray)
**************************************************/

/**************************************************/
/* Core */
/**************************************************/
p
{
    margin: 0pt;
    font-family: Arial,Verdana,Tahoma;
    font-size: 12px;
}
table
{
    border: 0;
    font-size: 12px;
    font-family: Arial,Verdana,Tahoma;
}
body
{
    background-color: White;
}
h1, h2, h3, h4, h5, h6
{
    margin: 0pt;
    color: #1b2127;
    font-family: Arial,Verdana,Tahoma;
}
hr.thin
{
    color: #e2e0e0;
    background-color: #e2e0e0;
    height: 1px;
}
span, div
{
    font-family: Arial,Verdana,Tahoma;
}
/**************************************************/
/* Hyperlinks */
/**************************************************/
a
{
    font-family: Arial,Verdana,Tahoma;
    text-decoration: underline;
    color: #1b2127;
}
a:hover
{
    font-family: Arial,Verdana,Tahoma;
    text-decoration: underline;
    color: #0298e6;
}

a.visited
{
    font-family: Arial,Verdana,Tahoma;
    text-decoration: underline;
    color: #1b2127;
}
/* Show underline on hover hyperlink */
.alink
{
    color: #1b2127;
    font-size: 13px;
    font-family: Arial,Verdana,Tahoma;
    text-decoration: none;
}
.alink:hover
{
    color: #0298e6;
    font-size: 13px;
    font-family: Arial,Verdana,Tahoma;
    text-decoration: underline;
}
.link
{
    cursor: pointer;
}
a.img
{
    text-decoration: none;
    border: none;
}
/**************************************************/
/* Background colors */
/**************************************************/
.background2 /* Secondary light color */
{
    background-color: #f2f9ff; 
}
.background3 /* Main color */
{
    background-color: #bec7cc;
}
.background4 /* Gray color */
{
    background-color: #f5f5f5;
}
/**************************************************/
/* Foreground colors */
/**************************************************/
.color2
{
    color: #f2f9ff;
}
.color3
{
    color: #bec7cc;
}
.color4
{
    color: #f5f5f5;
}
/**************************************************/
/* Navigation/header bar specific */
/**************************************************/
.navbar
{
    background-color: #1b2127;
    border: solid 1px black;
    color: White;
    font-family: Arial,Verdana,Tahoma;
}
.navlink
{
    color: White;
    font-size: 13px;
    font-family: Arial,Verdana,Tahoma;
    text-decoration: none;
    border: none;
}
.navlink:hover
{
    color: White;
    font-size: 13px;
    font-family: Arial,Verdana,Tahoma;
    text-decoration: underline;
    border: none;
}
/**************************************************/
/* Web Form styles */
/**************************************************/
.webForm
{
    border: solid 1px #e2e0e0;
    border-collapse: collapse;
}
.webFormTitle
{
    background-color: #bec7cc;
    color: black;
    font-family: Verdana;
    font-weight: bold;
    font-size: 17px;
    text-decoration: none;
    text-align: left;
}
.webFormTitleSmall
{
    background-color: #bec7cc;
    color: black;
    font-family: Verdana;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
}
.webFormCaption
{
    background-color: #bec7cc;
    color: black;
    text-decoration: none;
    text-align: left;
}
.webFormPrompt
{
    background-color: #f5f5f5;
    color: black;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    vertical-align: top;
    width: 30%;
}
.webFormFootnote
{
    color: black;
    text-decoration: none;
    text-align: left;
    font-size: x-small;
    vertical-align: top;
}
.webFormButtonRow
{
    background-color: #bec7cc;
    border-top: solid 1px #e2e0e0;
}
.subSection
{
    background-color: #bec7cc;
    border-top: solid 1px #e2e0e0;
    border-bottom: solid 1px #e2e0e0;
}
/**************************************************/
/* Inline Forms */
/**************************************************/
.inline-form
{
    background-color: #f2f9ff; /* background2 */
    border: solid 2px #e2e0e0;
    border-collapse: collapse;
}
.inline-prompt
{
    background-color: #f5f5f5; /* background4 */
    color: black;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    vertical-align: top;
    width: 30%;
    white-space: nowrap;
    border-right: solid 1px #e2e0e0;
}
.inline-buttons
{
    background-color: #bec7cc; /* background3 */
    border-top: solid 1px #e2e0e0;
}
/**************************************************/
/* Borders */
/**************************************************/
.bordered
{
    border: solid 1px #e2e0e0;
}
.borderTopBottom
{
    border-top: solid 1px #e2e0e0;
    border-bottom: solid 1px #e2e0e0;
}
.borderTop
{
    border-top: solid 1px #e2e0e0;
}
.borderBottom
{
    border-bottom: solid 1px #e2e0e0;
}
.borderLeft
{
    border-left: solid 1px #e2e0e0;
}
.borderRight
{
    border-right: solid 1px #e2e0e0;
}
.no-border-top
{
    border-top: 0;
}
/**************************************************/
/* Grid specific */
/**************************************************/
.editRow
{
    background-color: #f2f9ff;
}
.dataGrid
{
    border: solid 1px #e2e0e0;
    border-collapse: collapse;
}
.headerRow
{
    background-color: #f5f5f5;
    font-weight: bold;
}
.normalRow
{
}
.alternateRow
{
    background-color: #f2f9ff;
}
.sortable-column
{
	cursor: pointer;
}
.selected
{
	background-color: #ffffcd;
}
/**************************************************/
/* Tabs                                           */
/**************************************************/
.tabItem, .tabItem > a
{
    background-color: white;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}
.tabItemSelected, .tabItemSelected > a
{
    background-color: #1b2127;
    color: #f5f5f5;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    cursor: default;
}
.tabRow
{
    border-bottom: solid 1px #e2e0e0;
}
.tabitem2, .tabitem2 > a
{
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}
.tabitem2-selected, .tabitem2-selected > a
{
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
    cursor: default;
}
/**************************************************/
/* Misc. */
/**************************************************/
.nowrap
{
    white-space: nowrap;
}
.nowidth
{
    width: 1%;
}
.nounderline
{
	text-decoration:none;
}
/**************************************************/
/* Dropdown menus */
/**************************************************/
ul.topnav li ul.subnav
{
    list-style: none;
    position: absolute; /* Important - Keeps subnav from affecting main navigation flow */
    left: 0;
    top: 25px;
    margin: 0;
    padding: 0;
    display: none;
    float: left;
    border: solid 1px #e2e0e0;
    background-color: #f2f9ff;
    width: 160px;
    z-index: 1;
}
ul.topnav li ul.subnav li a:hover
{
    background-color: #1b2127;
    color: White;
}
.megamenu
{
    border: 1px solid #e2e0e0;
}
.megamenu .column ul li a:hover
{
    background-color: #1b2127;
    color: White;
    text-decoration:none;
}
/**************************************************/
/* Validation */
/**************************************************/
input.error, select.error, textarea.error
{
    border: 2px solid #b06768;
    background-color: #f8edef;
}
label.error
{
    display: none;
}
/**************************************************/
/* Inline messages (auto fade out) */
/**************************************************/
.feedback-add /* greens */
{
	background-color: #e5ffea;
	border: 1px solid #c4e4c4;
	padding: 5px;
	margin-top: 10px;
	display: none;
}
.feedback-delete /* reds */
{
	background-color: #f8edef;
	border: 1px solid #b06768;
	padding: 5px;
	margin-top: 10px;
	display: none;
}
.feedback-info /* yellows */
{
	background-color: #ffef97; 
	border: 1px solid #ffd400;
	padding: 5px;
	margin-top: 10px;
	display: none;
}
.closebox
{
	position: absolute;       
	right: 2px;
	top: 2px;
	background-image: url(../../images/close.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	cursor: pointer;       
} 
.closebox:hover 
{
	background-image: url(../../images/closehover.png);
}