/*global styles*/
*{
margin:0;
padding:0;
color:#333333;
}

body{
font-family:tahoma, Arial, sans-serif; 
font-size:0.8em;
}

a{text-decoration:none;}
img{border:0;}
input[type="text"], select, textarea{padding:2px;border:1px solid #CCCCCC;}
input[type="text"]:focus, select:focus, textarea:focus{background-color:#FFFFCC;}
input[type="text"], select{font-size:0.8em;}
select{padding:1px 0;}

/*body layout wrapper*/
.wrapper{
float:left;
width:998px;
}

/*banner style*/
.banner_wrap{
float:left;
border-top:7px solid #659cef;
background-color:#2956b2;
width:100%;
}

.logo{
float:left;
padding:6px;
}

/*login information bar*/
.info_bar{
float:left;
width:100%;
background-color:#7dbd00;
}

/*each info block in the info bar*/
.info_block{
padding:3px 6px;
color:#FFFFFF;
}

.info_block a{
color:#FFFFFF;
}

.info_block a:hover{
text-decoration:underline;
}

/*content area*/
.content_wrap{
clear:both;
float:left;
margin-top:5px;
width:100%;
}

/*menu formatting*/
.menu_wrap{
float:left;
width:155px;
}

.menu{
float:left;
width:100%;
}

.menu ul{
width:100%;
list-style:none;
}

.menu ul li{
margin-bottom:1px;
height:24px;
}

.menu ul li a{
width:100%;
display:block;
padding:4px 0 4px 10px;
color:#FFFFFF;
background: url(../images/menu_items.gif) no-repeat left;
}

.menu ul li a:hover{
background: url(../images/menu_items_hover.gif) no-repeat left;
}

/*application area*/
.app_wrap{
float:left;
width:830px;
}

/*application tab bar*/
.tab_bar{
clear:both;
float:left;
width:100%;
}

.tab_bar ul{
margin-left:10px;
list-style:none;
/* added extra */
float:left;
}

.tab_bar ul li{
float:left;
display:inline;
}

.tab_bar ul li a{
float:left;
display:block;
color:#FFFFFF;
margin-right:1px;
padding:4px 10px;
text-decoration:none;
border-bottom: 1px solid white;
background-color: #3a7afd;
}

.tab_bar ul li a:hover{
background-color: #3269da;
}

#tab_active a{
background-color: #7dbd00;
border-color: #7dbd00;
}

.tab_line{
clear:both;
width:100%;
height:5px;
line-height:5px;
background: #7dbd00;
}

/*tab content area, main application area*/
.tab_content{
clear:both;
float:left;
width:100%;
margin-top:5px;
}

/*working icon*/
.working{
/* added extra */
/*clear:both;*/
float:right;
width:100%;
text-align:right;
margin-top:0px;
}

/*search filters*/
.filters{
clear:both;
float:left;
width:100%;
margin:5px 0;
/* --- added extra--*/
display:none;
}

.filters ul{
float:right;
list-style:none;
}

.filters ul li{
float:left;
display:inline;
margin-left:3px;
}

/*handle key value pair here*/
.key_value{
clear:both;
float:left;
width:340px;;
padding:2px 0;
border-bottom:1px dashed #DDDDDD;
}

/*media info tip*/
.infotip{
clear:both;
float:left;
padding:7px;
/* added extra */
width:auto;
border:1px dashed #CCCCCC;
background-color:#FFFFCC;
}

.tip_thumbnail{
float:left;
margin-right:10px;
}

.tip_info{
float:left;
}

.tip_title{
clear:both;
float:left;
font-size:1.8em;
color:#666666;
border-bottom:1px dashed #DDDDDD;
padding:3px;
}

.tip_details{
clear:both;
float:left;
margin-top:5px;
padding:0 10px;
}

/* added extra */
.tip_details td{
vertical-align:top;
margin-left:10px;
border-bottom:1px dashed #DDDDDD;
}
/*object details*/
.object_summary{
clear:both;
float:left;
padding:5px;
}

/*content preview*/
.object_preview{
float:left;
}

/*vertical display preview*/
.v_display{
background:url(../images/v_display.gif) top left no-repeat;
width:142px;
height:218px;
}

.v_display div{
padding:11px 0 0 10px;
width:122px;
height:176px;
overflow:hidden;
}

/*horizontal display preview*/
.h_display{
background:url(../images/h_display.gif) top left no-repeat;
width:196px;
height:163px;
}

.h_display div{
padding:11px 0 0 10px;
width:176px;
height:122px;
overflow:hidden;
}

.object_info{
float:left;
padding-left:15px;
background:url(../images/gcosign_waves_small.gif) top left no-repeat;
}

.object_title{
float:left;
font-size:1.9em;
padding:2px 0;
margin-bottom:5px;
border-bottom:1px dashed #CCCCCC;
}

.object_details{
padding-left:15px;
}
/* added-extra*/
.icon-container {
overflow:auto;
width:832px;
/*height:350px;*/
}

.icon{
float:left;
margin:4px;
width:105px;
border:1px solid #CCCCCC;
}

.icon:hover{
border:1px solid #999999;
}


.icon_info{
width:100%;
text-align:center;
color:#999999;
background:#efefef;
border-bottom:1px solid #CCCCCC;
}

.icon_img{
width:100%;
height:80px;
overflow:hidden;
}

.icon_img img{
/*position:relative;*/
top:-10px;
left:-10px;
/* --- added extra--*/
max-width:140px;
}

.icon_thumb{
width:100%;
height:60px;
overflow:hidden;
}

.icon_thumb img{
padding-top:8px;
padding-left:28px;
}

.icon_caption{
width:100%;
height:32px;
overflow:hidden;
text-align:center;
color:#999999;
background:#efefef;
border-top:1px solid #CCCCCC;
}

/*footer*/
.footer_wrap{
clear:both;
float:left;
margin-top:5px;
width:100%;
}
.footer{
padding:15px;
text-align:center;
background: url(../images/footer.gif) repeat-x top;
color:#A0A0A4;
}
.footer a:hover{
color:#666666;
text-decoration:underline;
}

/*classes defined for convinience*/
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.border_none{border:none;}

.shorter{width:40px;}
.short{width:90px;}
.normal{width:120px;}
.long{width:160px;}
.longer{width:220px;}
.longest{width:260px;}

/* ---- Uncommented ---*/
#css-wrap {
display : none;
}

#upload_banner{
border-bottom:6px solid #7dbd00;
height:66px;
background:url(../images/uploader_banner.gif) no-repeat #2956b2;
}

#preview-wrap {
overflow:hidden;
text-align:center;
padding:2px;
}

#search-wrap {
overflow:hidden;
border:0px solid gray;
width:156px;
padding:2px;
}

.input-view{
padding:10px 5px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
color:#666666;
}

#display_details{
float:left;
width:480px;
min-height:185px;
}

#settings{
float:left;
width:590px;
background:url(../images/details_bg.gif) no-repeat;
}

#settings fieldset
{
border:1px dashed #3a7afd;
margin-bottom:10px;
}

#settings fieldset legend{
font-weight:bold;
color:#3a7afd;
}
/* added extra */
#settings fieldset fieldset{
margin:15px;
}

.input-view form{
/*height:302px;*/
}

.input-view form div{
float:left;
margin-bottom:2px;
/*clear:both;*/
}

.wrap{
float:left;
padding:3px 0;
clear:both;
width:100%;

border-bottom:1px dashed #DFDFDF;
}

.input-view form div input, .input-view form div textarea, .input-view form div select, .wrap input[type="text"], .wrap textarea, .wrap select{
float:left;
color:#333333;
}

/*added extra */
.mandatory {
color : orange;
padding-left: 6px;
}

.edit a{
color:#2956b2;
text-decoration:underline;
font-weight:bold;
margin-left:30px;
}

.edit a:hover{
color:#0066FF;
}

#list{
border:1px solid #7dbd00;
width:815px;
}

#list-head{
list-style:none;
width:100%;
float:left;
border-bottom:1px solid #7dbd00;
background:#c4e098 url(../images/bar.gif) repeat-x left center;
color:#666666;
}

#list-head li{
padding:2px 5px;
display:inline;
float:left;
border-right:1px solid #afd66c;
text-align:center;
font-weight:bold;
}

#list-body{
clear:both;
overflow:scroll;
}

#list-body2{
clear:both;
overflow:scroll;
}

.list-item{
list-style:none;
float:left;
background-color:#f3f7fe;
color:#666666;
}

.list-item:hover{
background:#FFFFFF url(../images/bar_hover.gif) repeat-x left center;
}

.list-item a{
text-decoration:none;
display:block;
color:#666666;
}

.list-item li{
padding:2px 5px;
display:inline;
float:left;
border-right:1px solid #d1e6b4;
border-bottom:1px solid #cfe5b1;
}

.list-item-error{
list-style:none;
float:left;
background-color:#fbebed;
color:#666666;
}

.list-item-pre-selected{
list-style:none;
float:left;
background-color:#FEFFFE;
color:#666666;
}

.list-item-pre-selected a{
text-decoration:none;
display:block;
color:#666666;
}

.list-item-pre-selected li{
padding:2px 5px;
display:inline;
float:left;
border-right:1px solid #d1e6b4;
border-bottom:1px solid #cfe5b1;
}
.list-item-selected{
list-style:none;
float:left;
background:#FFFFFF url(../images/bar_current.gif) repeat-x left center;
color:#666666;
}

.list-item-current a{
text-decoration:none;
display:block;
color:#666666;
}

.list-item-current li{
padding:2px 5px;
display:inline;
float:left;
border-right:1px solid #d1e6b4;
border-bottom:1px solid #cfe5b1;
}
.list-item-current{
list-style:none;
float:left;
background:#FFFFFF url(../images/bar_current.gif) repeat-x left center;
color:#666666;
}

.list-item-selected a{
text-decoration:none;
display:block;
color:#666666;
}

.list-item-selected li{
padding:2px 5px;
display:inline;
float:left;
border-right:1px solid #d1e6b4;
border-bottom:1px solid #cfe5b1;
}


#previewDiv {
max-width:180px;
max-height:180px;
float:left;
}
#previewDiv img {
max-width:176px;
max-height:176px;
float:left;
}

#previewDiv label {
text-align:center;
background:#F2F2F2;
margin:5px 0 0 0 ;
float:none;
min-width:100px;
}
#filePreviewInfo {
float:left;
border:1px solid gray;
width:60px;
height:30px;
padding:6px 0 0 10px;
line-height:15px;
color:red;
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	z-index: 100;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#loading img {
	border:0;
	background:#FFF;
	padding:10px 10px 10px 10px;
}
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 560px;
	background-color: #CCC;
    opacity: 0.70;
}
/* --- added extra -- */

.label{
clear:both;
width:100px;
float:left;
font-weight:bold;
}

.label_long{
clear:both;
width:130px;
float:left;
margin-top:2px;
font-weight:bold;
}

.label_longer{
clear:both;
width:160px;
float:left;
font-weight:bold;
}

.seperator{
float:left;
}

.value{
float:left;
width:270px;
padding-left:5px;
color:#333333;
}