@font-face {
    font-family: 'CopperplateGothicBoldRegular';
    src: url('copperplate_gothic_bold-webfont.eot');
    src: url('copperplate_gothic_bold-webfont.eot?iefix') format('eot'),
         url('copperplate_gothic_bold-webfont.woff') format('woff'),
         url('copperplate_gothic_bold-webfont.ttf') format('truetype'),
         url('copperplate_gothic_bold-webfont.svg#webfontzUkqJnRz') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{
margin:0px;
padding:0px
}
img{border:0px;}
html{
width:100%;
height:100%;
}


ol, ul {margin-left: 1.75em;
  padding: 0;

}

input[type="text"], input[type="password"], select{
	width: 96%;
    background: #fff;
    border: 0;
    outline: 3px solid #BAE8FB;
    border-radius: 2px;
    border: 1px solid #75D2F9;
    margin: 2%;
    height: 22px;
    font-size: 14px;
}
input[type="submit"], button{
    width: auto;
    border: 1px solid #2676E4;
    padding: 6px;
    outline: 3px solid #BAE8FB;
    background: rgb(109,179,242);
    background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
    background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
    background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
    border-radius: 2px;
    color: white;
    cursor: pointer;
	margin:2%;
}
.clear {clear:both;}

body{
background: #FFFFFF;
font-family:verdana;
font-size:11px;
}

#footer {
    min-height: 150px;
    height: auto !important;
    height: 350px;
    text-align: center;
    margin-top: 20px;
    width: 100%;
    float: left;
    background: rgb(217,217,217);
    background: -moz-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(195,195,195,1) 100%);
    background: -webkit-linear-gradient(top, rgba(217,217,217,1) 0%,rgba(195,195,195,1) 100%);
    background: linear-gradient(to bottom, rgba(217,217,217,1) 0%,rgba(195,195,195,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#c3c3c3',GradientType=0 );
	box-shadow: 0 0 14px #616161;
	-webkit-box-shadow: 0 0 14px #616161;
}

#footer .footer-main {
  height: 300px;
  width: 1100px;
  text-align: left;
  margin: auto;
}

#footer .footer-main ul li {
  width: 250px;
  padding: 15px 0 0 0;
  float: left;
}
.casetafm {
  height: 45px;
  padding: 5px 0 0 50px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  overflow: hidden;
  margin-bottom: 15px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.casetafm span {
  font-size: 15px;
  font-family: Tahoma,Georgia;
  color: #F8E389;
  font-weight: bold;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.footer-main ul li a {
  color: #ffffff;
  text-decoration: none;
}
#bottom {
  background: url(../images/bottom-p.jpg) repeat-x #5D5D5D;
  text-align: center;
  margin: auto;
  width: 100%;
  float: left;
}
#bottom .bottom-main {
  width: 1100px;
  text-align: left;
  margin: auto;
}
#bottom .bottom-main .iconl {
  float: left;
  width: 350px;
  text-align: left;
}
#bottom .bottom-main .copy {
  float: left;
  width: 300px;
  color: #ffffff;
  font-size: 11px;
  text-align: center;
}
#bottom .bottom-main .iconr {
  float: right;
  width: 350px;
  text-align: right;
}

h1 {color: #8E8E8E;font-weight:normal;margin-bottom:15px;font-size:22px;}

h2 { 
color: #0084EF;
font-size: 20px;
font-family: "Trebuchet MS";
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
font-weight: bold;
margin: 10px 0 0px 0;
}

a {color:#03558B;text-decoration:none;}
a:hover {color:#03558B;text-decoration:underline;}


.boldcl{font-weight:bold;}

.padd2010010 {padding:20px 10px 0 10px;}

.padd20101010 {padding:20px 10px 10px 10px;}
.padd010010 {padding:0px 10px 0 10px;}



.fileicon {width:20px;height:20px;}



.titlebox1{
    color: #FFFFFF;
    font-size: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #0084EF;
}

#head {
    width: 100%;
    height: 150px;
    background: rgb(73,192,240);
    background: -moz-linear-gradient(top, rgba(73,192,240,1) 0%, rgba(44,175,227,1) 100%);
    background: -webkit-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%);
    background: linear-gradient(to bottom, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 );
	box-shadow: 0 0 14px #616161;
	-webkit-box-shadow: 0 0 14px #616161;
}

.antet {width:1000px;margin:0 auto;}

.antet .antetleft {width:750px;height:150px;float:left;}
.antet .antetright {width:250px;height:150px;float:left;}


/* .logo {width:120px;height:120px;background:url("../images/logo.png") no-repeat;} */
.logo {
    height: 107px;
    margin-top: 30px;
    width: 107px;
    float: left;
    background: url(../images/x.png) no-repeat top left;
    background-size: 99px;
}
.program {
  width: 550px;
  padding-left: 20px;
  margin-top: 10px;
  float: left;
}
h5 {
  color: #ffffff;
  font-size: 40px;
  font-family: Arial;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  margin: 25px 0 13px 0;
}
h5  a{
color:#fff;
}
h5  a:hover{
color:#fff;
text-decoration:none;
}

.logbox {  
    width: 215px;
    height: 120px;
    margin-top: 30px;
    color: #777777;
    border-radius: 4px;
    height: 138px;
    padding: 10px;
    background: #E0F4FD;
    font-size: 11px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
}
.logbox .logboxup {width:100%;height:70px;}
.logbox .logboxdown {width:100%;height:25px;text-align:right;margin-top:5px;}
.logout{
    background: url("../images/logout.png") no-repeat 2% center;
    padding: 10px;
    padding-left: 20px;
    padding-right: 0;
}
.welcome{

}
.logatUsername{
	text-align: right;
    font-size: 15px;
    color: #2890B9;
}
.logatName{
font-size: 18px;
color: #0084EF;
}

#content {width:100%;}
.main {width: 1000px;
margin: auto;
min-height: 282px;
height: 300px;
margin-top: 45px;}

.left {width:250px;margin-top:15px;margin-right:15px;float:left}
.middle {
    width: 720px;
    margin-top: 15px;
    margin-right: 15px;
    float: left;
    background: rgba(152, 226, 255,0.3);
    box-sizing: border-box;
    padding: 1%;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,0.6);
	min-height: 475px;
}
.right {width:250px;float:left}

.middle table {width:100%;border-collapse: collapse;}
.middle table tr.captabel {background: #FFDAB8;}
.middle table tr.captabel td {padding:3px; text-align:center;}
.middle table tr.lintabel td {border-bottom: 1px solid #CCCCCC; padding: 0 0.5em;}
.middle table tr.lintabel2 td {border-bottom: 1px solid #CCCCCC; padding: 3px;}
.middle table td.bl {border-left: 1px solid #CCCCCC;}

.lbox{width:250px;margin-bottom:15px}
.lboxh{width:250px;height:20px;}
.lboxl{   
    background: #007DAF;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,0.6);
    padding: 10px 0;
}
.lboxf{width:250px;height:20px;}

.contbox1 {padding:10px 0 10px 0;}
.contbox1 p {padding:5px 0 5px 0;}
.contbox1 a {font-size:13px;font-weight:bold;}
.licon {margin-right:15px;margin-left:15px;}

.contbox2 {padding:10px 0 10px 0;}
.contbox2 p {padding:5px 0 5px 0;}
.contbox2 a {    
	font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
}

.rboxh{width:250px;height:20px;background:url("../images/rboxh.jpg") no-repeat;}
.rboxl{width:250px;background:url("../images/rboxl.jpg") repeat-y;}
.rboxf{width:250px;height:20px;background:url("../images/rboxf.jpg") no-repeat;}
.loginMenuBtn{
}
.messagesCont, .filesCont, .detailsCont{
    background: #008CC3;
    border-radius: 0 0 6px 6px;
}
.messagesContToggleInactive, .filesContToggleInactive, .detailsContToggleInactive{
	background: #fff !important;
    width: 100%;
    height: 29px;
    border-radius: 4px 4px 4px 4px !important;
    box-sizing: border-box;
    padding: 5px 0 0 15px;
    font-size: 15px;
    color: #4784EF !important;
}
#messagesContToggle, #filesContToggle, #detailsContToggle {
    background: #008CC3;
    width: 100%;
    height: 29px;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box;
    padding: 5px 0 0 15px;
    font-size: 15px;
    color: white;
}
#sendMessage{
width:100%;
}
.trimiteMsgBtn{
    margin-right: 4px !important;
    height: 24px !important;
    margin-top: 4px !important;
    padding: 5px !important;
}
.messageTable{
	width: 100%;
    background: rgba(152, 226, 255,0.4);
	overflow: hidden;
    border-radius: 6px;
}
.messageTable thead tr th{
    background: rgba(163, 228, 255,0.9);
    padding: 5px;
    border: 1px solid #C4EEFF;   
}
.messageTable tbody tr td{
    padding: 5px !important;
    text-align: center;
    border: none !important;
}
.messageTable tr:nth-child(odd){
    background: #B3E2F5;
    border: none;
}
.messageTable tr:nth-child(even){

}