/* --------------------------------------------------
CSS Template for ID&A Clientpanel software

This template contains;

- CSS for the DEFAULT ELEMENTS
- CSS for FRONTPAGE AND LOGIN PAGES
- CSS for HTML FRAME LAYOUT TABLES
- CSS for CONTENT BOX 
- CSS for DATA BOX (for content boxes in the main content box to show data listings or recors)
- CSS for ICON SUBMENU'S
- CSS for QUICK JUMP MENU
- CSS for the search form
- CSS for the record navigation bar (top and bottom)
- CSS for the listings and record access pages
- CSS for icon elements
- Other defaults

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


/* --------------------------------------------------
CSS for the DEFAULT ELEMENTS
-------------------------------------------------- */
html, body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family:arial;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color:#000000; 
    background-color: LightSeaGreen; 
    background-image: url("icon/background.jpg");
    background-repeat: repeat;
}


form {
    margin: 0;
    padding: 0;
/*    min-width: 120px;  */
/*    max-width: 840px;  */
    font-size:10pt; 
    font-family:verdana;
    color: #000000; 
}

input {
    margin-right:     2px;
    background-color: #1EA39D;
    border: 1px solid #178883;
    color:            #000000;
    font-family:      arial;
    font-style:       normal;
    font-weight:      normal;
    font-size:        12px;
/*    border:1px inset  grey;   SET ONCE ALL SUBMIT BUTTONS ARE CLASSED */
}

input.submit {
    padding:          1px 2px;
    background-color: #1EA39D;
    border:           1px outset grey;
    color:            #000000;
    font-weight:      bold;
    font-family:      arial;
    font-style:       normal;
    font-weight:      normal;
    font-size:        12px;
    /* background:url('http://clientpanel.com/skins/gradient.gif') repeat-x left top; */
}

select {
    border:1px inset #cccccc;
    background-color: #20AAA3;
    font-size:9pt; 
    color:#000000; 
    font-family:arial;
}

textarea {
	display:block;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	padding:    2px;
	margin-top: 2px;
  min-width:  320px;
  min-height: 120px;
	overflow:scroll;
  border:  1px inset #cccccc;
  background-color: #1EA39D;
}


table {
    margin-left:      auto;
    margin-right:     auto;
    padding: 0px 0px;
    border: 0px solid #000000;
    font-family:arial;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
}

th {
    color:#000000; 
    background-color:#ff9900; 
    font-family:verdana
}

td {
    color:#000000; 
    font-size:9pt; 
    font-family:verdana;
    text-align: left;
}






/* --------------------------------------------------
CSS for FRONTPAGE AND LOGIN PAGES
--------------------------------------------------*/
body.frontpage {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family:arial;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color:#000000; 
    background-color: LightSeaGreen; 
}


/* --------------------------------------------------
CSS for HTML FRAME LAYOUT TABLES
--------------------------------------------------*/
table.html_frame { 
    margin-left:      auto;
    margin-right:     auto;
    padding:          0px;
    border:           0px solid #000000 ;
    border-collapse:  collapse;
    border-spacing:   0px;
}
table.html_frametop { 
    height: 79px;
    padding: 0px;
    border: 0px solid #000000 ;
    border-collapse: collapse;
}
td.html_frame_top {
    padding: 0px;
    border:          0px solid #000000 ;
    border-collapse: collapse;
    color: #000000;
}
td.html_frametop_logo { 
    padding: 0px;
    border: 0px solid #000000;
    vertical-align: top;
}
td.html_frametop_menu { 
    width: 790px;
    height: 16px;
    padding: 0px;
    border: 0px solid #000000;
    background-image: url(icon/icon_topmenu.jpg);
    text-align: center;
    vertical-align: top;
    font-family:arial;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
}
td.html_frametop_menucell {
    padding-left:          2px;
    padding-right:          2px;
    text-align: center;
    vertical-align: top;
}
td.html_frametop_status { 
    width:        220px;
    padding: 0px;
    border: 0px solid #000000 ;
    text-align: right;
    vertical-align: top;
    font-family:arial;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
}
td.html_frame_bottom {
    padding: 0px;
    border: 0px solid #FFFFFF ;
    border-collapse: collapse;
    color: #000000;
    text-align: center;
    font-family:arial;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
}


/* --------------------------------------------------
CSS for CONTENT BOX
--------------------------------------------------*/
table.html_contentbox { 
    margin-left:      auto;
    margin-right:     auto;
		padding:			    0px;
    border-collapse:  collapse;
    border-spacing:   0px;
}
td.html_contentbox { 
		padding:			    0px;
    margin:           0px;
  	height:           520px;
    border-collapse:  collapse;
    vertical-align:   top;
}
td.html_contentbox_corner { 
		padding:			    0px;
    margin:           0px;
    width:            24px;
    border-collapse:  collapse;
}
td.html_contentbox_leftside { 
		padding:			    0px;
    margin:           0px;
    width:            24px;
    background-image: url(icon/table_round_leftmid.jpg);
    background-repeat: repeat-y;
}
td.html_contentbox_rightside { 
		padding:			    0px;
    margin:           0px;
    width:            24px;
    background-image: url(icon/table_round_rightmid.jpg);
    background-repeat: repeat-y;
}
td.html_contentbox_midtop { 
    background-image: url(icon/table_round_midtop.jpg);
    background-repeat: repeat-x;
}
td.html_contentbox_midbottom { 
    background-image: url(icon/table_round_midbottom.jpg);
    background-repeat: repeat-x;
}
td.html_contentbox_midcenter { 
    text-align:       center;
    vertical-align:   top;
    background-color: LightSeaGreen; 
}



/* --------------------------------------------------
CSS for DATA BOX (for content boxes in the main content box)
--------------------------------------------------*/
table.html_contentbox2 { 
    margin-left:      auto;
    margin-right:     auto;
		padding:			    0px;
    border-collapse:  collapse;
    border-spacing:   0px;
}
td.html_contentbox2 { 
		padding:			    0px;
    margin:           0px;
  	height:           520px;
    border-collapse:  collapse;
    background-color: #C3EFEB; 
    vertical-align:   top;
}
td.html_contentbox2_corner { 
    width:            24px;
    background-color: #C3EFEB; 
		padding:			    0px;
    margin:           0px;
    border-collapse:  collapse;
}
td.html_contentbox2_leftside { 
    background-color: #C3EFEB; 
    background-image: url(icon/table_round2_leftmid.jpg);
    background-repeat: repeat-y;
}
td.html_contentbox2_rightside {
    background-color: #C3EFEB;  
    background-image: url(icon/table_round2_rightmid.jpg);
    background-repeat: repeat-y;
}
td.html_contentbox2_midtop { 
    background-color: #C3EFEB; 
    background-image: url(icon/table_round2_midtop.jpg);
    background-repeat: repeat-x;
}
td.html_contentbox2_midbottom {
    background-color: #C3EFEB;  
    background-image: url(icon/table_round2_midbottom.jpg);
    background-repeat: repeat-x;
}
td.html_contentbox2_midcenter { 
    text-align: center;
    vertical-align: top;
    background-color: #C3EFEB; 
}




/* --------------------------------------------------
CSS for ICON SUBMENU'S
--------------------------------------------------*/
table.menu { 
    margin-left:      0px;
    margin-right:     auto;
    padding:          0px;
    border:           0px solid #000000 ;
    border-collapse:  collapse;
    border-spacing:   0px;
}
td.html_menucell {
    max-width:        480px;  
    text-align:       center;
    vertical-align:   top;
    padding:          4px;
}





/* --------------------------------------------------
CSS for QUICK JUMP MENU
-------------------------------------------------- */
form.quickmenu  {
    margin:       0px;
    padding:      0px;
    min-width:    120px;
    max-width:    840px;
    font-size:    8pt; 
    font-family:  arial;
    color:        #000000; 
}

select.quickmenu {
    padding:          2px;
    margin:           4px;
    border:           1px solid #000000 ;
    vertical-align:   middle;
    background-color: LightSeaGreen;
    font-size:        8pt;
}

input.quickmenubutton  {
    margin:           0px;
    padding:          2px;
    vertical-align:   middle;
    background-color: LightGray;
    border:           1px outset #cccccc;
    background:       #999;
    color:            #666;
    font-size:        8pt;
    font-weight:      bold;
    /* background:url('http://clientpanel.com/skins/gradient.gif') repeat-x left top; */
}



/* --------------------------------------------------
CSS for the search form
-------------------------------------------------- */
form.search  {
    font-size:    9pt; 
    color:        #000000; 
    font-family:  verdana;
    border:       0px solid #cccccc ;
    padding:      0px;
    margin:       0px;
}

table.search {
    margin:         2px;
    text-align:     center;
    vertical-align: middle;
    border:         0px solid #000000 ;
}

td.search { 
    margin:         2px;
    border:         0px solid #000000 ;
    text-align:     center;
    vertical-align: middle;
    font-family:    arial;
    font-style:     normal;
    font-weight:    normal;
    font-size:      10px;
}

input.search  {               /* An input field on the search form */
    margin:             2px;
    border:             1px solid #000000 ;
    background-color:   LightSeaGreen;
    vertical-align:     middle;
}

input.searchsubmit  {         /* The search submit button */
    margin:           1px;
    border:           1px outset #cccccc;
    background-color: LightGray;
    background:       #999;
    color:            #666;
    font-weight:      bold;
    vertical-align:   middle;
}

select.search {               /* Default dropdown box in the searchform */
    margin:           2px;
    border:           1px solid #000000 ;
    vertical-align:   middle;
    background-color: LightSeaGreen;
}

select.searchmain {           /* Main dropdown actionbox in the searchform  */
    margin:           2px;
    border:           1px solid #000000 ;
    vertical-align:   middle;
    background-color: Lightgrey;
}



/* --------------------------------------------------
CSS for the record navigation bar (top and bottom)
-------------------------------------------------- */
table.data_navbar {
    margin-left:      auto;
    margin-right:     auto;
    padding:          0px;
    border:           0px solid #000000 ;
    border-collapse:  collapse;
    font-family:      arial;
    font-style:       normal;
    font-weight:      normal;
    font-size:        12px;
}

tr.data_navbar {
    background-color: #1EA39D;
    text-align:       center;
    vertical-align:   top;
    font-weight:      bold;
}

td.data_navbar {
    background-color: #1EA39D;
    text-align:       center;
    vertical-align:   top;
    font-weight:      bold;
}

td.data_navbar_block {        /* The block below the nav bar wich includes the data table */
    text-align:       center;
}

input.data_navbar  {
    padding:          1px 2px;
    background-color: #1EA39D;
    border:           1px solid #333;
    border-collapse:  collapse;
    color:            #000000;
    font-weight:      bold;
    font-family:      arial;
    font-style:       normal;
    font-weight:      normal;
    font-size:        12px;
}




/* --------------------------------------------------
CSS for the listings and record access pages
-------------------------------------------------- */
table.data {              /* The table for listings */
    margin-left:      auto;
    margin-right:     auto;
    padding:          0px;
    border:           1px solid #000000 ;
    border-collapse:  collapse;
    font-family:      arial;
    font-style:       normal;
    font-weight:      normal;
    font-size:        12px;
}

table.data_noborder {     /* The table for show and edit mode */
    margin-left:      auto;
    margin-right:     auto;
    padding:          0px;
    border:           0px solid #000000 ;
    border-collapse:  collapse;
    font-family:      arial;
    font-style:       normal;
    font-weight:      normal;
    font-size:        12px;
}

tr.data_toprow {          /* The row of the top header */
    background-color: Teal;
    text-align:       center;
    vertical-align:   top;
    font-weight:      bold;
}

td.data_toprow {            /* The cell of the top header rows */
    text-align:       left;
    vertical-align:   top;
}

tr.data_bottomrow {         /* The lower row, for totals */
    text-align: center;
    background-color: #FFFFCC;
}

tr.data_row1 {              /* Interleaving row 1 in listings */
    background-color: #FFFFCC;
}

tr.data_row2 {              /* Interleaving row 2 in listings */
    background-color: #CCCCFF;
}

td.data {                   /* The cell of a data listing */
    text-align:     left;
}

td.data_leftcol {           /* The left colom in a listing containing usually the row ID number */
    text-align:       left;
    background-color: Teal;
}

td.data_rightcol {          /* The righter colom in a listing containing the access icons */
    width:            60px;
    background-color: #CCCCCC;
    text-align:       center;
}

td.data_legend {            /*  The left side of a record in show and edit mode */
    text-align:       left;
}

table.data2 {                 /* detail listings inside data listings */
    margin-left:      0px;
    margin-right:     auto;
    padding:          0px;
    border:           1px solid #000000 ;
    border-collapse:  collapse;
    font-family:      arial;
    font-style:       normal;
    font-weight:      normal;
    font-size:        12px;
}

input.action  {             /* The submit button for a record action */
    border:           1px outset #cccccc;
    background-color: Teal;
    background:       #999;
    color:            #666;
    font-weight:      bold;
}

input.record_checkbox  {    /* The checkbox for a record option */
    border:           1px outset #cccccc;
    background-color: Teal;
    background:       #999;
    color:            #666;
}

textarea.document {   
	padding:2px;
	margin-top:5px;
	overflow:scroll;
	display:block;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
  background-color: #1EA39D;
}

textarea.document_large {
	padding:2px;
	margin-top:5px;
	overflow:scroll;
	display:block;
  border:1px inset #cccccc;
  background-color: #1EA39D;
}



/* --------------------------------------------------
CSS for icon elements
-------------------------------------------------- */

img.help {
    cursor: help;
    vertical-align: text-top;
}

img.action {
    vertical-align: middle;
}

img.loading {
    cursor: progress;
}

img.executing {
    cursor: wait;
}

img.tablecorner {
    border: 0px;
}

img.tablecorner2 {
    border: 0px;
}



/* --------------------------------------------------
Other defaults
-------------------------------------------------- */
a {
    font-family:verdana;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    text-decoration:none; 
    color:    #02645F; 
}

A:link {
    text-decoration:none; 
    color:    #02645F; 
}

A:Hover {
    text-decoration:none; 
    color:    #01948C; 
}

A:active {
    text-decoration:none; 
    color:    #01948C; 
}

A:visited {
    text-decoration:none; 
    color:    #013E3B; 
}


P {
    font-size:    10pt; 
    color:        #000000; 
    font-family:  arial; 
    text-align:   left;  
}

P.content {
    text-align:   center; 
}

P.title {
    font-weight:  bold; 
}

p.error {
/*  background-color: #ff0000;
    background-image: url(/images/icon_error.gif);
    background-repeat: no-repeat;
    background-position: 3px 3px;
*/
    color: #ffffff;
    padding: 3px 3px 5px 27px;
    border: 1px solid #000000;
    margin: auto 100px;
    text-align:   center; 
}


B {
    font-size:    10pt; 
    color:        #000000; 
    font-weight:  bold; 
    font-family:  arial;
}

H1 {font-size:14pt; color:#000000; font-family:verdana}
H2 {font-size:13pt; color:#000000; font-family:verdana}
H3 {font-size:12pt; color:#000000; font-family:verdana}
H4 {font-size:11pt; color:#000000; font-family:verdana}
H5 {font-size:9pt; color:#000000; font-family:verdana}