﻿
/***********general*************/

body {
}

*
{
margin:0px;
padding:0px;
}

h3
{
display:block;
font-size:18px;
margin-bottom:10px;
margin-top:30px;
color:#666;}

div,
table, 
div table{
font:normal 12px Arial, Helvetica, sans-serif;
color:#666;
}

.left
{
float:left;}

.right
{
float:right;}

.clear
{
clear:both;}

.padTop td
{
padding-top:10px;}
	
.padBot td
{
padding-bottom:10px;}

.noPadTop
{padding-top:0px !important;}

.centerAlign
{
text-align:center !important;}

.noMargTop{margin-top:0px;}

.MargTop10{margin-top:10px;}

a
{
color:#666;
font-weight:bold;
font-size:12px;
text-decoration:none;
}


.navigation
{
float:right;
margin-left:20px;
margin-right:10px;
margin-top:10px;
width:700px;
height:20px;
font-weight:bold;
border:0px solid green;
text-align:right;
}

.navigation a
{
float:right;
display:block;
border:0px solid red;
margin:auto;
padding-left:5px;
padding-right:5px;
text-align:center;
border-left:1px solid #666;
font-size:11px;
}

.navigation a.logout
{
border-right:1px solid #666;
}

.navigation a.selected
{
color:#FFAD37;
}


.txtDate
{
width:80px;}

#header-logo-easy {
height:120px;
display:block;
background:url(images/header_media.jpg) no-repeat;
}

#spectrum-line {
margin-top: 3px;
width: 800px;
background: url(images/spectrum-line.png) #000;
float: left;
height: 3px;
}

.outerborder {
 width:800px;
 margin:10px auto;
 border:#CCCCCC 1px solid;
 font:normal 12px Arial, Helvetica, sans-serif;
 min-height:500px !important;
 overflow:visible;
 }


.searcharea
{
margin-top:10px;
margin-left:20px;
width:750px;
height:30px;
font-weight:bold;
border:0px solid red;
}








.gridarea
{
width:750px;
margin-top:20px;
margin-left:20px;	
}


.gridarea .header,
.grid .header
{
height:20px;
font-weight:bold;
background:url(images/grad-bottom.png) repeat-x bottom left;	
}

.grid
{
width:100%;
border:#CCCCCC 1px solid;
border-collapse:collapse;
text-align:left;
}

.gridshort
{
width:350px;}

.gridarea table td,
.grid  td
{
height:20px;
border-bottom:#CCCCCC 1px solid;
padding:5px;
vertical-align:top;
}




.gridarea table th
{
padding-left:5px;
padding-right:5px;
}

.gridarea table .tdImgPreview 
{
height:50px;
/*width:120px !important; */
}







.minHeight2{
min-height:600px;
}

select, input {
font:normal 12px Arial, Helvetica, sans-serif;
line-height:normal;
}

.Long,
.Long input
{
width:350px;}
 
 
.bgFade{
background:url(images/grad-bottom.png) repeat-x bottom left;
}

.error
{
width:750px;
/*background-color:#EFEBDE;
border:#C3BCA4 1px solid;*/
color:#CC3009;
font: bold 12px/18px Arial, Helvetica, sans-serif;
margin:5px;
margin-left:20px;
}

.error span
{
/*margin-left:5px;*/
}

/***********login**************/
#login , #medialist, #upload, #products, #confirm
{
/*height:300px;*/
min-height:300px !important;
padding-bottom:80px;
}
 
.loginarea{
border:#CCCCCC 1px solid;
width:350px;
margin:50px auto;
color:#786E4E;
/*background:url(images/search_h2_bg.gif) no-repeat 0 0; color:#786E4E;*/
}

.loginarea td{
padding:5px;
}






/**medialist*******************/


.titleAgreement
{
font-size:15px !important;
font-weight:bold;}

#tbAgreement
{
width:500px;
font-weight:bold;
color:#3399CC;
margin-top:30px;
margin-left:10px;}

#tbAgreement td
{
height:35px;
vertical-align:middle;}




.agreement 
{
border:1px solid #C1D832;
margin-left:20px;
display:block;
width:650px;
background-color:#EDF4C6;
min-height:40px !important;
padding-bottom:20px;
margin-top:30px;
}

.agreement a
{
color:#3399CC;
}

.infoAgreement
{
font-size:12px;
display:block;
border:0px solid black;
color:#3399CC;
margin:10px !important;
}

.agreement *
{
vertical-align:middle;
margin-bottom:7px;
margin-top:0px;
}

.agreement .button
{
margin:0px;
margin-top:10px;
width:150px;
height:25px;
float:left;
}

.Back
{
margin-left:20px;
margin-top:10px;}




.agreementLeft *,
.agreementRight span
{
margin:3px 0 3px 0;
}

#upload .title,
#medialist .title
{
margin-left:20px;}



#contentMedialist
{
padding-bottom:50px;}

#contentMedialist th
{
text-align:left;}

.infoPreview
{
display:block;
margin-bottom:5px;
margin-left:5px;
}

.infoDINA4_A6
{
display:block;
margin-top:10px;
margin-left:5px;
}
	
/*admin**********************************/


 
.contentAdmin{margin-left:20px;margin-right:20px;}

.floatleft{float:left;}

.floatright{float:right;}

.contentAdmin .grid  td
{
height:20px;
border-bottom:#CCCCCC 1px solid;
padding:2px;
vertical-align:top;
}

.contentAdmin .grid  th
{
text-align:left;
padding:2px;
}

#editUser{padding-left:0px;margin-top:20px;}

#editUser span
{display:block;
margin:5px;
}

#editUser input
{
margin-left:5px;
margin-bottom:5px;
}


/**button***********************************/

.button{
}

.button input
{
border:0px;
margin:0px;
font-size:12px;
font-weight:bold;
padding-top:1px;
}

.buttonLeft
{
width:600px;
display: block;
float: left;
background: url(images/buttonLeft.jpg) no-repeat;
width: 8px;
height: 35px;
}

.buttonMiddle{
display: block;
float: left;
background: url(images/buttonMiddle.jpg) repeat-x;
height:35px;
padding-top:0px;
}

.buttonRight{
display: block;
float: left;
background: url(images/buttonRight.jpg) no-repeat;
width:8px;
height:35px;
}

.buttonBackground {
cursor:pointer;
background: url(images/buttonMiddle.jpg) repeat-x;
/*font:bold 11px/18px Arial, Helvetica, sans-serif;*/
color:#333;
}



/***upload*********/

.colLeft
{
border:0px solid black;
display:block;
width:150px;
float:left;
}

.colMid
{
border:0px solid black;
display:block;
width:150px;
float:left;
}

.colRight
{
border:0px solid black;
display:block;
width:200px;
float:left;
}

#upload .searcharea
{
height:50px;
border:0px solid black;
background:url(images/grad-bottom.png) repeat-x bottom left;
border:#CCCCCC 1px solid;
}

#upload .searcharea span
{
margin-top:15px;
margin-left:10px;}


/**Products*********************************/
.productlist td
{
height:30px;}
	
#contentProducts
{
width:550px;
margin-top:20px;
margin-left:20px;	
border:0px solid #ccc;
padding-bottom:50px;
}

.ProductList
{
padding-left:15px;
line-height:25px;
margin-top:20px;
margin-bottom:20px;
list-style-type:none;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.ProductList li
{
margin-left:0px;
padding-left:0px;
}

/**Upload*********************************/


#contentUpload
{
width:700px;
margin-top:20px;
margin-left:20px;	
border:1px solid #ccc;
border-collapse:collapse;
}

#contentUpload td
{
border:1px solid #ccc;
height:25px;
font-weight:bold;
padding-left:5px;
border:0px;
}



.bgPreview
{
margin:0px;
padding:0px;
background-color:#eeeeee;
text-align:center;
vertical-align:middle;}

.bgPreview #imgPreview
{
margin: 10px auto;
border:0px solid red;	
}


/********************************/
#divSogehts ol 
{
margin-left:30px;
}

#divSogehts ol li
{
margin-bottom:20px;}

#divSogehts  
{border:0px solid red;
}


#contentSogehts
{
width:700px;
margin-top:20px;
margin-left:20px;	
border:0px solid #ccc;
padding-bottom:50px;
}


.infoKally
{
width:800px;
margin:10px auto;
color:#aaaaaa;
font-style:italic;
text-align:right;
padding-right:10px;
border:0px solid black;
}

.infoKally a
{
font-weight:normal;
color:#aaaaaa;
}


.divLanguage
{
width:50px;
border:0px solid red;
float:left;
margin-left:20px;
margin-top:10px;
}

.divLanguage a
{
font-weight:normal;
text-decoration:underline;
color:#aaaaaa;
}

.divLanguage a.selected
{
text-decoration:none;
}



