/* (c) 2009 Fotonea.com */

* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}


/* ******** LAYOUT */

#header_out {
height:130px;
}

#content_out {
}

#footer_out {
height:50px;
}

#header, #content, #footer {
width:930px;
margin-left:auto;
margin-right:auto;
}

#header {
position:relative;
height:130px;
border-bottom:2px solid #eee;
font: 22px Times New Roman;
font-style:italic;
color:#111;
}

#content {
padding:10px 0 30px 0;
position:relative;
}

#content2 {
width:800px;
}

#footer {
clear:both;
padding:10px 0;
color:#999;
border-top:2px solid #eee;
text-align:center;
}

#logo {
position:absolute;
top:10px;
left:10px;
width:170px;
height:70px;
background:url(assets/logo.gif) no-repeat;
}

#intro_text{
/* defined in lang */
}

#samples{
position:absolute;
top:0px;
right:140px;
width:280px;
height:200px;
/*background:url(assets/hsample.jpg) no-repeat; */
z-index:100;
}

#languages {
position:absolute;
top:2px;
right:3px;
width:135px;
height:110px;
z-index:200;
color:#aaa;
text-align:right;
font:12px Verdana;

}



/* ***** CONTENT */

body {
font:1.0em Tahoma;
line-height:1.2em;
color:#333;
}

#footer {
font-size:0.8em;
}

h1 {
font-size: 140%;
line-height:2em;
}

h2 {
font-size: 130%;
line-height:2em;
}

h3 {
font-size: 120%;
}

h4 {
font-size: 80%;
font-weight:normal;
}

li {
/* list-style:decimal; */
margin-left:30px;
}

.bigger {
font-size:1.4em;
}


/* ******** LINKS */

a:link, a:visited {
color:#111;
text-decoration:underline;
}

a:hover {
background-color:#a9f7bb;
}

#logo a:link,
#logo a:visited {
display:block;
width:170px;
height:70px;
border:0px solid green;
background-color:transparent;
}

#languages a:link,
#languages a:visited {
color:#666;
font:13px Verdana;
text-decoration:none;
background-color:transparent;
}

#footer a:link, #footer a:visited {
color:#aaa;
background-color:transparent;
}


/* ******* FRONT */

#s3_div {
position:relative;
}

#s3_div p {
margin:0 0 10px 0;
/* 570+210 bgchoosen */
width:570px;
}

#bgfree {
width:572px;
height:160px;
background:#ccc;
overflow:auto;
margin:0 0 10px 0;
}

/* inside the above */
#bgfree2 {
width:570px;
height:160px;
margin:0;

}

#bgfree_link {
color:#eee;
float:left;
width:548px;
height:140px;
padding:10px;
text-align:right;
font-size:130%;
xxbackground:url(assets/bg.jpg) no-repeat;
}

a#bgfree_link:hover {
background-color:transparent;
}


#bgprem {
width:572px;
height:164px;
background:#ccc;
overflow:auto;
margin:0 0 10px 0;

}

/* inside the above */
#bgprem2 {
width:570px;
height:160px;
margin:0;

}

#bgprem_link {
color:#eee;
float:left;
width:548px;
height:140px;
padding:10px;
text-align:right;
font-size:130%;
xxbackground:url(assets/fr.jpg) no-repeat;
}

a#bgprem_link:hover {
background-color:transparent;
}

#bgchoosen {
position:absolute;
top:26px;
right:0px;
width:210px;
height:0px;
float:right;
display:block;
background:#a9f7bb;
padding:0 4px;
margin:0;
overflow:hidden;
font-weight:bold;
text-align:center;
}

#bgchoosen2 {
width:200px;
height:150px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}


#smsbg, #smsmore {
margin:0;
padding:0;
border:0px;
width:570px;
height:0px;
}


.bg{
float:left;
margin:1px;
border:2px solid #ccc;
width:200px;
height:150px;
overflow:hidden;
cursor:pointer;
}


.bg img, #bgchoosen2 img{
border:0px solid #fff;
}



/* ******** FANCY UPLOAD */

#fancy-status
{
background-color:#F9F7ED;
padding:10px 10px;
width:640px;
height:80px;
margin:10px 0;
margin-left:auto;
margin-right:auto;
}

#fancy-status .progress
{
background:	white url(assets/progress.gif) no-repeat;
background-position:+50% 0;
margin-right:	0.5em;
}
 
#fancy-status .progress-text
{
font-size:	0.9em;
font-weight:	bold;
}
 
#fancy-list
{
list-style:	none;
width:		650px;
margin-left:auto;
margin-right:auto;
padding:10px 0;
}
 
#fancy-list li.file
{
list-style:	none;
border-bottom:	1px solid #eee;
background:	url(assets/file.png) no-repeat 4px 4px;
}

#fancy-list li.file.file-uploading
{
background-image:url(assets/uploading.png);
background-color:#D9DDE9;
}

#fancy-list li.file.file-success
{
background-image:url(assets/success.png);
}

#fancy-list li.file.file-failed
{
background-image:url(assets/failed.png);
}
 
#fancy-list li.file .file-name
{
font-size:	16px;
margin-left:	44px;
display:	block;
clear:		left;
line-height:	40px;
height:		40px;
font-weight:	bold;
}

#fancy-list li.file .file-size
{
font-size:	16px;
line-height:	18px;
float:		right;
margin-top:	2px;
margin-right:	6px;
}

#fancy-list li.file .file-info
{
display:	block;
margin-left:	44px;
font-size:	14px;
line-height:	20px;
clear:		both;
}

#fancy-list li.file .file-remove
{
font-size:	14px;
clear:		right;
float:		right;
line-height:	18px;
margin-right:	6px;
}

/* ******  MY FANCY */

#fancy-status div {
float:left;
padding:3px;

}

.current-text {
font-weight:bold;
width:610px;
}

#fancy-browse-images {
margin-left:220px;
}

a#fancy-browse-images {
font-size:1.3em;
color:#10741e;
}

#fancy-upload {
}

a#fancy-upload,
a#canvas_link {
font-size:1.3em;
color:#10741e;
}

#warn {
color:red;
font-size:12px;
text-align:center;
border:1px solid red;
background:yellow;
margin-top:10px;
padding:5px;
}


.hide {
display:none;
}


#ads1 {
position:absolute;
top:10px;
right:0px;
width:120px;
height:600px;
text-align:center;
}

