body{margin: 0;padding: 0;color: #555;font: normal 10pt Arial,Helvetica,sans-serif;background: #F5F5F5;}
input[type=text], input[type=password], textarea{border:solid 1px #CCC;}
p{margin:0 0 0.5em 0;}
h1{font-size:1.3em;color:#333;border-bottom: 1px solid #CCC;padding-bottom: 0.2em;margin-bottom:1em;}
table.detail-view{margin-bottom: 1em;}
table.detail-view tr.odd{background:none repeat scroll 0 0 #FAFAFA;}
table.detail-view tr.even{background:none repeat scroll 0 0 #F0F0F0;}
table.detail-view th, table.detail-view td{border:solid 1px #CCC;}
.list-view .summary{font-size:0.8em;font-style: italic;color:#ccc;}
.grid-view table.items th{background: top left repeat-x url('../images/gbg.gif');}
.grid-view table.items tr.odd{background:none repeat scroll 0 0 #FAFAFA;}
.grid-view table.items tr.even{background:none repeat scroll 0 0 #F0F0F0;}
.grid-view table.items tr:hover{background:#CCC;}
.contentBlock {background: none repeat scroll 0 0 #FAFAFA;border: 1px solid #CDCDCD;margin-bottom: 20px;padding: 3px;}
.contentBlock h1 {background: none repeat scroll 0 0 #E7E7E7;color: #666666;font-size: 11px;font-weight: bold;line-height: 26px;padding: 0 10px;border:none;text-transform: uppercase;}
.contentBlock h1 .update{float:right;}
.contentBlock p {padding: 10px;}
.contentBlock.last{margin-bottom:0;}
.contentBlock.auto{overflow:auto;}

#dashboard ul {display: block;list-style: none outside none;margin: 0;padding: 0;overflow:auto;}
#dashboard ul li {display: inline-block;margin: 0;padding: 0;width: 120px;float:left;}
#dashboard ul li a {color: #666666;display: block;font-size: 11px;padding: 89px 0 0;text-align: center;text-decoration: none;background:center center no-repeat url('../images/icons/64/dummy.gif');}


#dashboard ul li a.users{background-image:url('../images/icons/64/users.png');}
#dashboard ul li a.manage{background-image: url('../images/icons/64/modules.png');}
#dashboard ul li a.modules{background-image: url('../images/icons/64/modules.png');}
#dashboard ul li a.copyrights{background-image: url('../images/icons/64/copyright.png');}
#dashboard ul li a.groups{background-image: url('../images/icons/64/groups.png');}


#dashboard ul li a.list-groups{background-image: url('../images/icons/64/list-groups.png');}
#dashboard ul li a.list-settings{background-image: url('../images/icons/64/list-settings.png');}
#dashboard ul li a.list-world{background-image: url('../images/icons/64/list-world.png');}
#dashboard ul li a.mail-notification{background-image: url('../images/icons/64/mail-notification.png');}
#dashboard ul li a.settings{background-image: url('../images/icons/64/settings.png');}


#dashboard ul li a.trashbin{background-image: url('../images/icons/64/trashbin.png');}
#dashboard ul li a.list{background-image: url('../images/icons/64/list.png');}
#dashboard ul li a.queue{background-image: url('../images/icons/64/queue.png');}
#dashboard ul li a.list-downloads{background-image: url('../images/icons/64/list-downloads.png');}
#dashboard ul li a.list-logins{background-image: url('../images/icons/64/list-logins.png');}
#dashboard ul li a.icon{background-image: url('../images/icons/64/icons.png');}

#treeview ul{
    margin:0;
    padding:5px 0 5px 0px;
    border-left:1px solid #E7E7E7;
}

#treeview li{
    margin:0;
    padding:0;    
    padding-left:20px;
    list-style:none;
}
#treeview li.haschildren>span{cursor:pointer;}
#treeview li.haschildren>span:hover{background-color: #E7E7E7;}

#treeview li.haschildren{background:5px 0 no-repeat url('../images/icons/16/folder-closed.png');}
#treeview li.haschildren.open{background-image:url('../images/icons/16/folder-open.png');}

#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #CCC;
}
#page.container{margin:0 auto;}

#header
{
	margin: 0;
	padding: 0;
        height:80px;
        background: top left repeat-x url('../images/bg_head.gif');
}

#content {
    padding: 10px;
}
#footer{
    display:block;
    padding: 0;
    margin: 5px auto;
    font-size: 0.8em;
    text-align: right;
    color:#999999;
    float:none;
}

#logo{
    display:block;
    position:relative;
    float:left;
    padding: 20px 0 0 10px;
    font-size: 200%;
}
#mainmenu{
    display: block;
    position: relative;
    float: right;
    top:10px;
    right:0px;
    z-index: 999;
}
#mainmenu ul{
    display:block;
    position:relative;
    float:left;
    width:auto;    
    padding:0 10px;
    margin:0px;
    clear:both;
}

#mainmenu ul li{
	display: block;
        position:relative;
        float:left;
}

#mainmenu ul li a
{
        color:#666666;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding:5px 8px 5px 0px;
        /*background: 0 5px no-repeat url('../images/icons/16/dummy.png');*/
        min-height: 16px;
        margin-left:10px;
}
#mainmenu ul li a:hover{text-decoration:underline;}
/*
#mainmenu ul li a#dashboard{background-image: url('../images/icons/16/dashboard.png');}
#mainmenu ul li a#logout{background-image: url('../images/icons/16/logout.png');}
#mainmenu ul li a#login{background-image: url('../images/icons/16/logout.png');}
*/

#mainmenu ul li ul{
    display: none;
    position:absolute;
    float: none;
    width:120px; 
    background: #FFF;
    border:solid 1px #E7E7E7;
    padding:10px;
}
#mainmenu ul li ul li{
    display:block;
    position:relative;
    width:auto;
}
#mainmenu ul li ul li a{
    line-height: 30px;
}
#mainmenu ul li:hover ul{display:block;}



#mainmenu ul li.active a
{
	color: #666;
        font-weight:bold;
	text-decoration:none;
}
#Category_comments{width:500px;height:100px;}

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding: 5px;
    margin: 5px 0;
    border: 1px solid #CCC;
}


div.breadcrumbs
{
    font-size: 0.9em;
    padding: 8px 10px;
    height:14px;
    background: 0 -80px repeat-x url('../images/bg_head.gif');
    color:#FFF;
}
div.breadcrumbs a{color:#FFF;}
div.breadcrumbs a:hover{text-decoration: underline;}

div.breadcrumbs span
{
    font-weight: normal;
    color:#FFF;
}

div.search-form
{
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}

.portlet {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #CDCDCD;
    padding: 3px;
}
.portlet.auto{overflow:auto;}
.portlet-menu{
    display:block;
    position:relative;
    float: right;
    margin-top: -20px;

}


.portlet-menu .icon{
    display:block;
    position:relative;
    width:16px;
    height:16px;
    background: top left no-repeat url('../images/icons/16/edit_ico.png');
    cursor: pointer;
}

.portlet-menu ul{
    display: none;
    position:absolute;
    right:0;
    list-style: none;
    padding:0;
    margin:0;
    border:solid 1px #E7E7E7;
    background-color:#FFF;
    z-index:100;
}
.portlet-menu ul li{
    list-style: none;
    margin:0;
    padding:0 3px;
}
.portlet-menu ul li a{
    text-decoration: none;
    color:#333;
}
.portlet-menu ul li:hover{
    background-color: #E7e7e7;
}

.portlet-decoration {
    background: none repeat scroll 0 0 #E7E7E7;
    line-height: 26px;
    padding: 0 10px;
}
.portlet-title {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.portlet-content {
    font-size: 0.9em;
    margin: 0;
    padding: 5px 10px 0;
}

.portlet-content ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
    color:#666666;
    font-weight:bold;
    display: block;
    padding: 2px 0 2px 0px;
    line-height: 15px;
    text-decoration: none;
}

.operations li a:visited
{
    color:#666666;
}

.operations li a:hover
{
	text-decoration: underline;
}
.subtitle{font-size:12px;font-weight:normal;color:#333;}
.smallnote{font-style:italic;font-size:11px;}

#sidebar {
    padding: 10px 10px 10px 10px;
}

div.row.half{
    width: 175px;
    float:left;
    clear:none!important;
}
div.row.half input[type=text]{
    width:160px;
}

#uploadedFiles{
    padding: 0 0 0 10px;
    margin: 0;
    font-size: 0;
    list-style: none;
    display:inline-block;
}

#uploadedFiles li{
    position: relative;
    float:left;
    font-size: 12px;
    width: 77px;
    height: 77px;
    border: 1px solid #BBB;
    background: #ddd;
    margin: 0 10px 10px 0;
}

#uploadedFiles li#addFiles{
    background: #ddd url(../images/add.png) center center no-repeat;
    cursor: pointer;
}

#uploadedFiles li .actions{
    position: absolute;
    top: 0;
    right: 0;
}
#uploadedFiles li .actions img{
    cursor: pointer;
}


#copyrightlang input.title{
    width:700px;
}
#copyrightlang textarea.data{
    width:700px;
    height:150px;
}

.wrapper{display: block;padding:10px;}
#cur_files{overflow:auto;margin-top:20px;padding-top:20px;border-top:1px #CCC solid;}
.view.picitem{
    display: block;
    position:relative; 
    float:left;
    width:120px;
    height:175px;
    border:solid 1px #CCC;
    margin:0 2px 2px 0;
    text-align:center;
    background-color: #FFF;
}

.view.picitem.active{
	background: #ccc;
}

.view.picitem:hover{
	border-color:#E5E5E5;
}
.view.picitem.trashed{cursor: pointer;}
.view.picitem.trashed.active{border-color:#C00;}


.view.picitem div.movebtn{
	cursor:pointer;
	background-color: #E7E7E7;
	display:block;
	font-size:11px;
	border:solid 1px #CCC;
	margin-top:12px;
		
}
.view.picitem div.movebtn:hover{
	background-color:#CCC;
}

.view.picitem.inactive{
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;

}
.view.picitem .row{
    position: relative;
}
.view.picitem:hover .topicons{
    display:block;
}

.view.picitem .image{height:120px;}

.view.picitem img{
    max-height: 120px;
	max-width: 120px;
}

.view.picitem p{
    font-size:10px;
    display: block;
	margin:0;
	padding: 0;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -icab-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
}
.view.picitem .topicons{
    display:none;
    position:absolute;
    width:100%;
    margin:0;
    padding:0;
    top:0;
    left:0;
}
.view.picitem .topicons .extension{
    display:block;
    float:left;
    cursor: pointer;
    width:88px;
    background: rgb(255,255,255);
    text-align: center;
    cursor: default;
}


.view.picitem .topicons .edit{
    display:block;
    float:left;
    background: url("../images/icons/16/edit_ico.png") no-repeat scroll left top rgb(255,255,255);
    cursor: pointer;
    width:16px;
    height:16px;
}
.view.picitem .topicons .del{
    display:block;
    float:right;
    background: url("../images/icons/16/remove.png") no-repeat scroll left top rgb(255,255,255);
    cursor: pointer;
    width:16px;
    height:16px;
}

.selectionActions{
	float:left;
	width: 100%;
}
.massSelectors  {
  float: right;
  width: 100%;
  text-align: right;
  padding-bottom: 1em;
}
.massSelectors span,
.selectionActions span{
	color: #06c;
	text-decoration: underline;
	cursor: pointer;
}
.massSelectors span:hover,
.selectionActions span:hover{
	color: #09c;
}

#tooltip {position: absolute;z-index: 3000;background-color: #000;
padding: 5px;font-size:12px;font-weight:normal;color:#FFFFFF;-moz-opacity: 0.90;-khtml-opacity: 0.90;opacity: 0.90}
#tooltip h3, #tooltip div { margin: 0;	color:#FFFFFF; font-size:1em;font-weight: bold;}
.tooltip{cursor:pointer;}

div.view.icon{
    display:block;position:relative;float:left;
    width:80px;
    height:120px;
    text-align: center;
    margin:0 3px 3px 0;
    background-color: #FFF;
    cursor: pointer;
}
div.view.icon>p{
    display:block;
    margin:0;padding:0;
}
div.view.icon>p img{
    max-height: 80px;
    max-width: 80px;
}
div.view.watermark>p{
    display:block;
    margin:0;padding:0;
}
div.view.watermark>p img{
    max-height: 320px;
    max-width: 320px;
    margin:1em;
}
div.view.keyword{
  display:block;position: relative;float:left;
  width:auto;margin:0 2px 2px 0;
  padding:2px 5px 2px 20px;
  background-color: #E7E7E7;
  border:none;
}
div.view.keyword.uncommon {opacity: 0.6;}
div.view.keyword:hover{
  background-color: #CCC;
}
div.view.keyword div.del{
  width:16px;
  height:16px;
  display:block;
  position:absolute;
  top:3px;
  left:3px;
  cursor: pointer;
  background: url("../images/icons/16/remove.png") no-repeat scroll left top;
  -moz-opacity: 0.50;-khtml-opacity: 0.50;opacity: 0.50;
}
div.view.keyword div.del:hover{
  -moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}

#main_info{
  overflow:auto;
}

#main_info .thumb{
  display:block;position: relative;float:left;
  width:122px;
  z-index: 1;
}
#main_info .form{
  display:block;
  position: relative;
  float:left;
  width:600px;
  z-index: 1;
}
#main_info .portlet-decoration{z-index: 999;}
#main_info .iconblock{
    display:block;
    position:relative;
    float:left;
    width:100px;
    height:100px;
    border:solid 1px #CCC;
    cursor:pointer;
    background: center url('../images/add.png') #E7E7E7;
    text-align: center;
}
#main_info .iconblock:hover{
    
}
#main_info .iconblock img{
    max-width: 100px;
    max-height: 100px;
}
#editproductdialog{display: none;}
#editproductdialogiframe{margin:0;padding:0;width:100%;height:100%;}

#productedit{display: block;overflow:auto;margin:0;padding:0;}
#productedit .fileimage{
    display: block;position:relative;float:left;width:100px;height:auto;
    text-align: center;
    background-color: #FFF;
    margin:0;padding:0;margin-right:10px;
	
}
#productedit .fileimage img{
    max-width: 100px;
    max-height: 100px;
}
#productedit .data{display: block;position:relative;float:left;width:600px;overflow:auto;}
.linebelow{border-bottom: 1px solid #CCC;padding-bottom:10px; margin-bottom:10px;}


#producteditlangs input[type=text]{
    display: block;
    width: 400px;
}
#producteditlangs textarea{
    display: block;
    width: 400px;
    height:100px;
}

#mainnotificationform input[type=text]{
	width:500px;
}
#mainnotificationform textarea{
	width:500px;
	height:300px;
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size: 10pt;
}

.dropdownlink{cursor:pointer;color:#333;}

.leftrightblock{overflow:auto;}
.leftrightblock select.leftrigtht{width:250px;height:300px;float:left;}
.leftrightblock .buttons{width:40px;float:left;text-align: center;}

.leftrightblock .buttons button{float:left;display:block;width:40px;}

.preferences div.form fieldset{font-size:11px;background:#FFF;border:solid 1px #CCC;border-left:solid #CCC 10px; border-bottom:solid #CCC 5px;}
.preferences div.form fieldset legend{font-weight: bold;}
.preferences div.form fieldset strong{font-weight:normal;font-style:italic;}
.grid-view td.temp{
	text-align:center;
}

.grid-view tr.red.odd{
	background-color: rgba(255,0,0,0.5)!important;
}
.grid-view tr.red.even{
	background-color: rgba(255,0,0,0.6)!important;
}
.grid-view tr.orange.odd{
	background: rgba(255,165,0,0.5)!important;
}
.grid-view tr.orange.even{
	background: rgba(255,165,0,0.6)!important;
}