html,body {
    margin:0px;
    padding:0px;
    width:100%;
    color:black;
    font-size:13px;
    text-decoration:none;
    font-family:arial, sans-serif;
    }

p, th, td {
    margin:8px 0px 8px 0px;
    padding:2px;
    color:black;
    font-size:13px;
    text-decoration:none;
    font-family:arial, sans-serif;
/*
    vertical-align:top;
*/
    }

h1 {
	margin:5px 0px 5px 0px;
    color: #5b65e3;
    font-size:21px;
    font-family:arial, sans-serif;
    font-weight:bold;  
    }

h2, h3 {
    color:#5b65e3;
    font-size:15px;
    font-family:arial, sans-serif;
    font-weight:bold;  
    }

h3 {
    font-size:12px;
    }

img {
    border: 0px; 
    }

a {
    color: #5b65e3;
    /*font-size:13px;*/
    text-decoration:none;
    font-family:arial, sans-serif;
    }

a:link {
    color: #5b65e3;
    font-weight:bold;
    }
        
a:visited {
    color: #5b65e3;
/*    border-bottom:0px; */
    }

a:hover {
    border-bottom:1px;
    }
    
a.header {
	color:#5b65e3;
    font-size:17px;
    font-family:arial, sans-serif;
    font-weight:bold;  
    }

a.button {
	color:#5b65e3;
    background:white;
	font-size:15px;
    font-family:arial, sans-serif;
    font-weight:bold;  
    padding:2px 8px 2px 8px; 
    margin: 5px 5px 5px 0px; 
    border:1px solid black; 
    
/*	width:140px; */
	}

a.toolbutton {
	border:1px solid #aaaaaa;
	line-height: 20px;
	padding:1px;
	margin:1px;
}

a.toolbutton:hover {
	border:1px solid black;
}

.header {
	color:#5b65e3;
    font-size:17px;
    font-family:arial, sans-serif;
    font-weight:bold;  
    }

.next {
	color:#5b65e3;
    font-size:17px;
    font-family:arial, sans-serif;
    font-weight:bold;
    text-align:right;  
    }

/*----------------------------------------------------------------------------*/

td.template {
	vertical-align:center;
	text-align:center;
/*	height: 250px; */
	}

td.image {
	width:250px;
	vertical-align:center;
	}

td.text {
	vertical-align:top;
	}
	
td.numeric {
	text-align: right;
	width: 100px;
	}

/*----------------------------------------------------------------------------*/

.card_container_bg {
	position: absolute;
	left:0px;
	top:170px;
	background: #e8e7e7;
    /*border: 1px solid #808080;*/
    width: 780px;
    height: 500px;
    overflow: hidden;
    }

.card_container {
	position: absolute;
	margin:50px;
	background:url('templates/card_background_small.jpg');
	background-repeat:no-repeat;
    border: 1px solid #808080;
    width: 680px;
    height: 398px;
    /*overflow: hidden;*/
    }

.card_logotype {
	position: absolute;
	cursor: move;
	/*clip: rect(0px, 0px, 800px, 480px); */
	}

.card_element {
    background: transparent;
    
    border: 1px dashed #808080;
    padding: 0px;
/*    width: 350px; */
    text-align: left;
    color:black;
    font-size:10pt;
    text-decoration:none;
    font-family:arial;
    overflow: visible;
    }

.element_container {
	position: absolute;
    background: transparent;
    padding: 2px;
    border: 0px;
/*    border-bottom: 1px dashed #808080; */
    cursor: move;
    overflow: visible;
    }

.card_instruments {
	position: absolute;
	left:0px;
	top:110px;
	background: white;
/*    border: 1px solid #e8e7e7; */
    width: 780px;
/*    height: 80px; */
    }

.card_buttons {
	position: absolute;
	padding: 0px;
	left:0px;
	top:680px;
	width: 780px;
	}

.card_font {
	margin:5pt;
	font-weight:bold;
	}

/*----------------------------------------------------------------------------*/

#Body {
    margin:0pt auto;
    position: relative;
    overflow: hidden;
    width: 830px;
    }

#Login {
	margin:100px auto;
    position: relative;
    width: 400px;
    }

#Header {
	font-size: 17pt;
	font-weight: bold;
	color: #999999; /*#5b65e3;*/
	/*background:url('imgs/header.gif');
	background-repeat:no-repeat;
	background-position: top left;*/

    height:50px;
    padding:20px 0px 0px 0px;
    }

#Header a {color: #aaaaaa;}

#Content {
    /*min-height:720px;
    _height:720px;*/
    height: 720px;
    width: 800px;
    padding: 0px;
    border-spacing: 1px;
    background-color:white;
    /*border: 2px solid #e8e7e7;
    border-radius:10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;*/
    }

#Footer {
    padding:10px 0px 0px 0px;
    font-size:11px;
    color: #777777;
    }

#SectionHeader {
	font-size:17px;
    font-family:arial, sans-serif;
	font-weight: bold;
	color: white;
	padding: 5px 5px 5px 10px;
	background-color: #5b65e3;
	border-radius:10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;
}

#Section {
	padding: 10px;
	background-color:white;
	border: 1px solid #5b65e3;
}

#Section2Header {
	font-size:17px;
    font-family:arial, sans-serif;
	font-weight: bold;
	color: white;
	margin-top: 10px;
	padding: 5px 5px 5px 10px;
	background-color: #626262;
	border-radius:10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;
}

#Section2 {
	padding: 10px;
	background-color:white;
	border: 1px solid gray;
}

#Section3Header {
	font-size:15px;
    font-family:arial, sans-serif;
	font-weight: bold;
	text-align: center;
	color: white;
	margin-top: 10px;
	padding: 5px 5px 5px 5px;
	background-color: #5b65e3;
	border-radius:10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;
}

#Section3 {
	padding: 2px;
	background-color:white;
	border: 1px solid #5b65e3;
}

/*----------------------------------------------------------------------------*/

label {
    float: left;
    display: block;
    }

input {
/*
	background: white;
    border: 1px solid black;
*/
	width: 300px;
    } 

input.quantity {
	width: 60px;
	text-align: right;
	border:1px solid #aaaaaa;
	}

.submit {
    width: 90px;
    }

.checkbox {
    width: auto;
    }

select {
    background: white;
    border:1px solid #aaaaaa;
    }

/*----------------------------------------------------------------------------*/

.buttonB {
	font-size:13px;
    padding:2px 5px 2px 5px; 
    margin: 5px 5px 5px 0px; 
    border:1px solid black; 
    color:black;
    background:white;
	cursor:pointer;
	width:140px;
	}

.headernote { 
    font-size:15px;
    font-weight:bold;
    display:block; 
    padding:4px 5px 4px 25px; 
    margin: 5px 0px 5px 0px; 
    border:1px solid black; 
    color:#5b65e3;
    background:white; 
    }

.errornote { 
    font-size:12px 
    !important; 
    display:block; 
    padding:4px 5px 4px 25px; 
    margin:0 0 3px 0; 
    border:1px solid red; 
    color:red;
    background:#ffc url(/appmedia/icon_error.gif) 5px .3em no-repeat; 
    }

ul.errorlist { 
    margin:0 
    !important; 
    padding:0 
    !important; 
    }

.errorlist li { 
    font-size:12px 
    !important; 
    display:block; 
    padding:4px 5px 4px 25px; 
    margin:0 0 3px 0; 
    border:1px solid red; 
    color:white; 
    background:red url(/appmedia/icon_alert.gif) 5px .3em no-repeat; 
    }

/*----------------------------------------------------------------------------*/

/* CALENDARS & CLOCKS */
.calendarbox, .clockbox { margin:5px auto; font-size:11px; width:16em; text-align:center; background:white; border:1px solid black; position:relative; }
.clockbox { width:9em; }
.calendar { margin:0; padding: 0; }
.calendar table { margin:0; padding:0; border-collapse:collapse; background:white; width:99%; }
.calendar caption, .calendarbox h2 { margin: 0; font-size:11px; text-align:center; border-top:none; }
.calendar th { font-size:10px; color:#666; padding:2px 3px; text-align:center; background:#e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x; border-bottom:1px solid #ddd; }
.calendar td { font-size:11px; text-align: center; padding: 0; border-top:1px solid #eee; border-bottom:none; }
.calendar td.selected a { background: #C9DBED; }
.calendar td.nonday { background:#efefef; }
.calendar td.today a { background:#ffc; }
.calendar td a, .timelist a { display: block; font-weight:bold; padding:4px; text-decoration: none; color:#444; }
.calendar td a:hover, .timelist a:hover { background: #5b80b2; color:white; }
.calendar td a:active, .timelist a:active { background: #036; color:white; }
.calendarnav { font-size:10px; text-align: center; color:#ccc; margin:0; padding:1px 3px; }
.calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover { color: #999; }
.calendar-shortcuts { background:white; font-size:10px; line-height:11px; border-top:1px solid #eee; padding:3px 0 4px; color:#ccc; }
.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { display:block; position:absolute; font-weight:bold; font-size:12px; background:#C9DBED url(../img/admin/default-bg.gif) bottom left repeat-x; padding:1px 4px 2px 4px; color:white; }
.calendarnav-previous:hover, .calendarnav-next:hover { background:#036; }
.calendarnav-previous { top:0; left:0; }
.calendarnav-next { top:0; right:0; }
.calendar-cancel { margin:0 !important; padding:0; font-size:10px; background:#e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x;  border-top:1px solid #ddd; }
.calendar-cancel a { padding:2px; color:#999; }
ul.timelist, .timelist li { list-style-type:none; margin:0; padding:0; }
.timelist a { padding:2px; }

.calendarnav-previous { top:0; left:auto; right:0; }
.calendarnav-next { top:0; right:auto; left:0;}
.calendar caption, .calendarbox h2 { text-align:center; }