/* C O N T E N T */

.index {
    /* background: blue; */
    width:820px;
    margin:0 auto;
    }

.index-category {
    float: left;
    width:  400px; 
    height: 180px;
    padding-left: 10px;
    padding-bottom: 10px;
    margin: 0px;
    clear: right;
    }

.index-left-top-items {
    float: left;
    height: 115px;
    text-align: left;
    vertical-align: bottom;
    padding-left: 30px;
    font-size: 10pt;
    }
.index-left-top-title {
    float: left;
    height:  25px;
    max-height: 150px;
    text-align: left;
    vertical-align: bottom;
    padding-left: 30px;
    color: #FF3030;
    font-size: 16pt;
    }
.index-left-top-title a {
    color:#FF3030;
    text-decoration:none;
    }
.index-left-top-title a:hover {
    color:#FF3030;
    text-decoration:underline;
    }

.index-right-top-items {
    float: left;
    height: 115px;
    text-align: left;
    vertical-align: bottom;
    padding-left: 30px;
    font-size: 10pt;
    }
.index-right-top-title {
    float: left;
    height:  25px;
    max-height: 150px;
    text-align: left;
    vertical-align: bottom;
    padding-left: 30px;
    color: #3030DD;
    font-size: 16pt;
    }
.index-right-top-title a {
    color:#3030DD;
    text-decoration:none;
    }
.index-right-top-title a:hover {
    color:#3030DD;
    text-decoration:underline;
    }

.index-left-bottom-items {
    float: left;
    height: 115px;
    vertical-align: bottom;
    text-align: left;
    padding-left: 30px;
    font-size: 10pt;
    }
.index-left-bottom-title {
    float: left;
    height:  25px;
    max-height: 150px;
    text-align: left;
    vertical-align: top;
    padding-left: 30px;
    color: #FF8047;
    font-size: 16pt;
    }
.index-left-bottom-title a {
    color:#FF8047;
    text-decoration:none;
    }
.index-left-bottom-title a:hover {
    color:#FF8047;
    text-decoration:underline;
    }

.index-right-bottom-items {
    float: left;
    height: 115px;
    width:  200px;
    text-align: left;
    vertical-align: bottom;
    margin:0;
    padding-left: 30px;
    font-size: 10pt;
    }
.index-right-bottom-title {
    float: left;
    height:  25px;
    max-height: 150px;
    text-align: left;
    vertical-align: top;
    padding-left: 30px;
    color: #30BB30;
    font-size: 16pt;
    }
.index-right-bottom-title a {
    color:#30BB30;
    text-decoration:none;
    }
.index-right-bottom-title a:hover {
    color:#30BB30;
    text-decoration:underline;
    }

.index-more {
    float: right;
    padding-right: 30px;
    text-align: right;
    }
.index-more img {
    position: relative;
    top: 4px;
    }

/*
.the-right-choice img {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    display: inline-block;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/welcome-simply-the-right-choice-grey.png');
    }
*/

.the-right-coice {
    clear: both;
    padding-top: 10px;
    margin-left: 10px;
    margin-right: 40px;
    }

.solutions-title {
    text-align: right;
    font-size: 14pt;
    font-weight: bold;
    color: #FF3030;
    padding-top: 10px;
    }

.systems-title {
    text-align: right;
    font-size: 14pt;
    font-weight: bold;
    color: #FF8047;
    padding-top: 10px;
    }

.consulting-title {
    text-align: right;
    font-size: 14pt;
    font-weight: bold;
    color: #30BB30;
    padding-top: 10px;
    }

.development-title {
    text-align: right;
    font-size: 14pt;
    font-weight: bold;
    color: #3030DD;
    padding-top: 10px;
    }

.button-container-outer {
    width: 105px;
    border: 1px solid #ffffff;
    }
/* <dammit> MSIE draws a 1 pix black border around any css'ed submit field
   that carries any kind of border definition. so this outer/inner
   construction to make sure everything looks as it should </dammit> */
.button-container-inner {
    width: 103px;
    border: 1px solid #A59177;
    border: 1px solid #c9af93;
    }
input.button {
    /* opera doesn't like 100% here, like ff and ie do */
    width: 103px;
    /* make input buttons same height then the menu list items */
    padding: 1px;
    text-align: center;
    /* background-color: #FEAF5B; */
    background-color: #ffcf66;
    background-color: #FFDF79; /* brighter */
    color: black;
    /* see ie box problem above */
    border: 0px solid white;
    font-size: 9pt;
    cursor: pointer;
    }

h1 { font-size: 16pt;
     color: #333333;
     /* color: #ff8b0c; */
     }
h2 { font-size: 15pt;
     line-height: 5pt;
     vertical-align: middle;
     color: #333333;
     }
h3 { font-size: 14pt;
     color: #333333;
     }
h4 { font-size: 12pt;
     color: #000000;
     }
pre {
    font-family: bitstream vera sans mono, mono-sans, mono, fixed;
    }

.text {
    border: 1px solid #A0A0A0;
    font-size: 10pt;
    padding-left: 3px;
    }
.text-ro {
    border: 1px solid #f8f8f8; 
    background: transparent;
    font-size: 10pt;
    padding-left: 3px;
    }
.text-emaddr {
    border: 0px solid; 
    background: transparent;
    /*background: #fbf3e7; */
    font-size: 10pt;
    padding-left: 0px;
    }
.flat { border-color: threedshadow;
        border-width: 1px;
        padding: 0px;
        border-style: ridge;
        color: #000000;
        font-size: 9pt;
        }
.mono { font-family:monospace; }
.on   { background: #FFF8E5; }
.on   { background: #FFFFFF; }
.off  { background: transparent;
        border: 0px solid white; }

.width_125 {
    width: 125px;
    }

.width_100 {
    width: 100px;
    }

.width_200 {
    width: 200px;
    }

.separator {
    width: 100%;
    margin-top: 0px;
    border-top: 1px solid #ffa047;
    border-top: 1px solid #A0A0A0;
    margin-bottom: 15px;
    }

/* LIQUID CORNERS... */

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('/images/corners1280x20-TR-A0A0A0-D4D4D4.gif');
	height: 10px;      
    /* DNC: correction IE for height of the <div>'s */
	font-size: 2px;
	}
.top-left, .bottom-left { 
	margin-right: 10px;
	}
.top-right, .bottom-right { 
	margin-left: 10px; 
	margin-top: -10px; 
	}
.top-right {
    /* DNC: position right corner at right side, no vertical changes */
	background-position: 100% 0;
	}
.bottom-left  { 
	background-position: 0 -10px;   
	}
.bottom-right { 
	background-position: 100% -10px;
	}
.inside {
    margin: 0 auto;
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	background: #FFFFFF;
	color: #000000;
	padding-left: 0px;
	padding-right:0px;
    /* top-most distance to section title */
	padding-top:10px; 
	padding-bottom:10px; 
	}
.inside-title {
	background: transparent;
    text-align: right;
    font-size: 14pt;
    font-weight: bold;
	color: #ff8b0c;
	padding-left: 0px;
	padding-right:0px;
    padding-bottom: 0px;
	}

/* DNC: to avoid splitting of the box */
.notopgap    { margin-top: 0; }
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; }