@CHARSET "ISO-8859-1";

/**
 * Global stuff
 */

* { margin: 0; padding: 0; }

body, td, th { font-family: Arial, sans-serif; font-size: 12px; }
body { 
    text-align: center;
    /*
    background-image: url('/images/layout/quasimodo/bg_gradient2.jpg');
    background-repeat: repeat-x;
    background-position: left top;
    */ 
}
ul { padding-left: 20px; }
p { margin-bottom: 1em; }
a img { border: 0; }


/**
 * Layout
 */

#Main { width: 839px; margin: 0 auto; text-align: left; }

#Logo { position: absolute; top: 30px; margin-left: 5px; }

#Menu { width: 839px; height: 46px; background: url(/images/layout/quasimodo/menu/background.jpg) no-repeat; }
#Menu #MenuItems { margin-left: 10px; }

#MetaMenu { padding: 80px 10px 0 0; text-align: right; font-size: 10px; font-weight: bold; }
#MetaMenu a { color: #333; text-decoration: none; }
#MetaMenu a:hover { text-decoration: underline; }

#Content { padding: 20px; }

#Content { 
    line-height: 150%;
}

#Content a {
    color: #364BAF;
    text-decoration: underline; 
}

#Footer {
    text-align: center; height: 24px; padding-top: 1em;
    border-top: 1px solid #ccc;
}
#Footer a{
	color: #979797;
	font-size: 10px;
	text-decoration: none;
}



/**
 * Elements
 */

#Content h1 { font-size: 26px; margin-bottom: 15px; color: #444444; font-weight: normal; }
#Content h2 { font-size: 18px; margin: 0 0 10px 0; color: #444444; font-weight: normal; }
#Content h3 { font-size: 14px; margin: 0 0 5px 0; color: #444444; }
#Content h2.Table { margin: 15px 0 0 0; }

textarea {
    /*font-family: inherit; doesn't work in IE */ 
    font-family: Arial, sans-serif; 
    font-size: 1em;	
}
#Content p {
    margin-bottom: 1.5em;	
}



/**
 * "Fancy" Buttons
 */
 
button.FancyButton-Default { background: none; border: 0; font-weight: bold; cursor: pointer; }
button.FancyButton-Default table { border-collapse: collapse; }
td.FancyButton-Default-Left   { background: url(/images/layout/quasimodo/buttons/Default-Button-Left.jpg);   width: 5px; height: 25px; }
td.FancyButton-Default-Middle { background: url(/images/layout/quasimodo/buttons/Default-Button-Middle.jpg); height: 25px; vertical-align: middle; }
td.FancyButton-Default-Right  { background: url(/images/layout/quasimodo/buttons/Default-Button-Right.jpg);  width: 5px; height: 25px; }

button.FancyButton-Rocket { background: none; border: 0; cursor: pointer; }
button.FancyButton-Rocket table { border-collapse: collapse; }
td.FancyButton-Rocket-Left   { background: url(/images/layout/quasimodo/buttons/Rocket-Button-Left.png); width: 34px; height: 31px; }
td.FancyButton-Rocket-Middle { padding: 6px 4px 0 4px; height: 23px; border-top: 1px solid black; border-bottom: 1px solid black; }
td.FancyButton-Rocket-Right  { background: url(/images/layout/quasimodo/buttons/Rocket-Button-Right.png); width: 44px; height: 31px; }



/**
 * Tabs
 */
 
#Content ul.Tabs {
    margin: 0; padding: 0;
}
#Content ul.Tabs li {
    display: inline;
    padding: 3px 6px; margin-right: 3px;
    border: 1px solid #e1e2e4;
    background-color: #f0f1f5;
    color: black;
    line-height: 22px;
}
#Content ul.Tabs li:hover, #Content ul.Tabs li.Selected {
    background-color: white;
    cursor: pointer;
    border-bottom-color: white;
}

#Content div.Tab {
    padding: 10px; border: 1px solid #e1e2e4;
}



/**
 * Forms
 */

div.Form-Pair { margin: 0 0 1.5em 0; }
div.Form-Pair label { display: block; font-weight: bold; font-size: 12px; }
input.Form, textarea.Form, select.Form { padding: 2px; border: 1px solid #ccc; }


.WizardForm {
    display: block;
    padding: 0;
    margin: 0;
}
.WizardForm .FormField {
	clear: both;
    display: block;
    padding: 1em 1em 1em 0;	
    border-bottom: 1px dotted #ccc;
}
.WizardForm .FormField label {
    font-weight: bold;	
}
.WizardForm .ControlBox {
    width: 45%;
    float: left;	
}
.WizardForm .DescriptionBox {
    margin-left: 50%;
    padding-top: 1em;
}
.WizardForm .StringField,
.WizardForm .TextField {
    width: 100%;	
	border:1px solid #CCCCCC;
	padding:2px;
	font-family: inherit;
	font-size: inherit;
}
.WizardForm .TextField {
    height: 5em;	
}

/**
 * Boxes
 */
 
.Box-Notebook { 
	width: 293px; 
	height: 214px; 
	padding: 3.5em 10px 10px 10px; 
	background: url(/images/layout/quasimodo/box-notebook.jpg) no-repeat;
	margin-top: 1.5em; 
}
.InfoBox {
    background-color: #F0F1F5;
    padding: 1em;
    margin: 1em 0em 2em 0em;
    border: 1px solid #ccc;
}
.WarningBox{
    background-color: #FCF6B8;
    padding: 1em;
    margin: 1em;
    border: 1px solid #F8CE00;
}
.ErrorBox{
    background-color: #DF300D;
    color: white;
    padding: 1em;
    margin: 1em;
    border: 1px solid #EF686D;
}
.TeaserBox {
    background-color: white;
    background-image: url('/images/layout/quasimodo/bg_gradient.jpg');
    background-repeat: repeat-x;
    background-position: left top;
    margin-bottom: 2em; 
    padding: 1em; 
}



/**
 * Lists
 */

ul.Inline { list-style-type: none; }
ul.Inline li { display: inline; margin: 0 2px; }



/**
 * Tables
 */
 
table.Table-Default { border-collapse: collapse; width: 100%; margin-bottom: 10px; }
table.Table-Default th { padding: 7px; border: 1px solid #e1e2e4; border-width: 1px 0; background-color: #f0f1f5; }
table.Table-Default td { padding: 7px; border-bottom: 1px solid #e1e2e4; color: #666; }
#Content table.Table-Default th a { color: black; text-decoration: none; }



/**
 * Glossary
 */

#Content a.Glossary {
	color: black;
	border-bottom: 1px dotted #364BAF;
	text-decoration: none;
	cursor: help;
}

#Content a.GlossaryEdit {
    color: black;
    border-bottom: 1px dotted #364BAF;
    text-decoration: none;
    cursor: pointer;
}

#Content .GlossaryInfoBox {
    position: absolute;
    border: 1px dotted #ccc;
    padding: 10px;
    width: 240px;
    font-size: .9em;
    background-color: white;
}

#Content .GlossaryInfoBox .Teaser {
    max-height: 80px;
    overflow: auto;
}

#Content .GlossaryInfoBox img.CloseIcon {
    position: absolute; right: 4px; top: 5px;
}

#Content .GlossaryInfoBox img.ArrowIcon {
    position: absolute;
    bottom: -11px; left: 5px;
}

#Content .GlossaryInfoBox p { margin: 0; padding: 0; }
	
	

/**
 * Misc
 */

.Hint { font-weight: normal; color: #666; font-size: 0.9em; }
.Clear { clear: both; }
.Clickable { cursor: pointer; }
.FormHint { padding: 0.5em 0 0.5em 0; font-weight: normal; }
.Right { text-align: right; }
div.ActionButtons {
    padding-top: 10px;
    text-align: right;
    clear: both;
}


.PageColumn-1{
    width: 45%;
    float: left;
    padding: 0;
}
.PageColumn-2{
	width: 45%;
    margin-left: 50%;
    padding: 0;
}