/* global styles for all projects */
html, body, form, td, th {margin: 0; padding: 0;}
body {
	background: #a0a0a0;
	color: #333;
	font: 15px Tahoma, Arial, sans-serif, monospace;
    background: #fff url('img/expert/bg-gray-left.png') repeat-y left;	
}

body.redbg {
        background: url('img/expert/bg-red-left.png') repeat-y left;
}

body.greenbg {
        background: url('img/expert/bg-green-left.png') repeat-y left;
}

body.yellowbg {
        background: url('img/expert/bg-yellow-left.png') repeat-y left;
}

body.bluebg {
        background: url('img/expert/bg-blue-left.png') repeat-y left;
}

table {border-collapse: collapse; font: 15px Tahoma, Arial, sans-serif, monospace;}
img {border:0;}

a {text-decoration:underline; color: #3e3517;}
.blue {color: #3461c8;}
a:hover {text-decoration:none; color: #3e3517}

.clear {clear: both;}
.fleft {float: left;}
.fright {float: right;}

.tech-table {
    width: 100%;
    font-size: 13px;
}
.tech-table thead th {
    border-bottom: 1px dashed #53575a;
    padding: 5px 20px;
    color: #3560c9;
    font-weight: normal;
    font-style: italic;
    text-align: left;
}
.tech-table tbody tr {
    background: url('img/expert/tr-bg.png') repeat-x bottom;
}
.tech-table tbody tr:hover {
    background: #f0f0ff url('img/expert/tr-bg.png') repeat-x bottom;
}
.tech-table td {
    padding: 5px 20px;
}

.tech-table td a {
	font-style: italic;
}

.sendform {
	width: 420px;
	border: none;
}

.sendform input {
	width: 100%;
}

.sendform td {
	padding: 4px 5px;
}

.graybold {
	color: #6d6d6d;
	font-weight: bold;
}

.trainers {
	width: 100%;
	font-size: 0.8em;
}

#container {position: relative;}

#flashBanner {
	width: 200px;
	height: 100px;
	position: absolute;
	right: 0;
	top: 60px; 
} 

.trainers td {
	padding: 5px;
}


.centered {
	text-align: center;
}

.smaller {
	font-size: 0.8em;
}

.underline {
	text-decoration: underline;
}

.clb {
	clear: both;
}

/* project's custom styles */
#wrapper {
	background: url('img/expert/bg-gray-right.png') repeat-y right;
    position: relative;
}
    #container {
        width: 720px;
		margin: 0 auto;
		padding: 70px 0 50px 0;
    }

body.redbg #wrapper {
        background: url('img/expert/bg-red-right.png') repeat-y right;
}

body.greenbg #wrapper {
        background: url('img/expert/bg-green-right.png') repeat-y right;
}

body.yellowbg #wrapper {
        background: url('img/expert/bg-yellow-right.png') repeat-y right;
}

body.bluebg #wrapper {
        background: url('img/expert/bg-blue-right.png') repeat-y right;
}

		.bouble {
			background: url('img/expert/bouble.png') no-repeat;
			width: 700px;
			height: 218px;
			padding: 25px 0 0 20px;
			margin: 10px 0;
		}
        
        .colored {
            
        }
            .colored li {
                margin-bottom: 15px;
                list-style: none;
                padding-left: 17px;
                background: url('img/expert/bullet-red.png') no-repeat 0 4px;
            }
            .colored li.bulletred {
                background-image: url('img/expert/bullet-red.png');
            }
            .colored li.bulletbrown {
                background-image: url('img/expert/bullet-brown.png');
            }
            .colored li.bulletyellow {
                background-image: url('img/expert/bullet-yellow.png');
            }
            .colored li.bulletgreen {
                background-image: url('img/expert/bullet-green.png');
            }
            .colored li.bulletblue {
                background-image: url('img/expert/bullet-blue.png');
            }
        .orange {
            background: #f78c2a;
            color: #fff;
            padding: 3px;
        }
        
        .orangedate {
            background: url('img/expert/orangedate.gif') center no-repeat;
            color: #fff;
            width: 60px;
            height: 18px;
            padding-top: 1px;
            display: block;
            text-align: center;
        } 
        .reddate {
            background: url('img/expert/reddate.gif') center no-repeat;
            color: #fff;
            width: 60px;
            height: 18px;
            padding-top: 1px;
            display: block;
            text-align: center;
        }        
        
        .red td {
            height: 29px;
         }
         
         .red_mid {
             color: #fff;
            background-color: #c62143;
            padding: 0 10px;                  	
         }

         .red_left {
            background: url('img/expert/purpurleft.gif') left no-repeat;         
            width: 2px;
         }

         .red_right{
            background: url('img/expert/purpurright.gif') left no-repeat;
            width: 2px;
         }

        .button-table {
        	margin-left: 10px;
        }
        
        .button-table a {
        	display: block;
        	width: 222px;
        	height: 117px;
        	text-indent: -32768px;
        	overflow: hidden;
        	background-position: top;
        	background-repeat: no-repeat;
        }
        
        .button-table td {
        	text-align: center;
        }        

        .button-table a:hover {
        	background-position: bottom;
        }
        
         .button-table a.button-red {
        	background-image: url('img/expert/button-red.png');
        } 
        
         .button-table a.button-green {
        	background-image: url('img/expert/button-green.png');
        }         
        
         .button-table a.button-yellow {
        	background-image: url('img/expert/button-yellow.png');
        }  
        
         .ukr a.button-red {
        	background-image: url('img/expert/button-ukr-red.png');
        } 
        
         .ukr a.button-green {
        	background-image: url('img/expert/button-ukr-green.png');
        }         
        
         .ukr a.button-yellow {
        	background-image: url('img/expert/button-ukr-yellow.png');
        }