/*  FUCK THIS, IT SHOULDN'T BE HERE 
body {  color: #546368; font-family: Arial, sans-serif; font-size: 62.5%; margin: 0px; }
table {margin: 0; padding: 0; border-collapse: collapse;}
a {color: darkblue;}a:visited {	color: darkblue; }
*/


.color-div
{width:12px; height:12px;	margin-top: 3px;
	margin-left: 5px;
	border: 1px solid #000000;
	font-family: Verdana;
	line-height: 1%;
	text-decoration: none;
	cursor: pointer;  
	
}



.successtext
{
	color:#333;
	/*font: 83%/1.4 verdana, arial, helvetica, sans-serif;*/
	font: 77% verdana, arial, helvetica, sans-serif;	
	word-spacing: 1px;
	line-height: 1.4em;
	padding:15px;
}


.fontimage
{
	border: 1px solid #000000;
	margin-left: 5px;
	cursor: pointer;  
}


.gwt-DialogBox {
	border: 1px solid #000000;
	background-color: white;
	z-index: 1001;
}

.gwt-DialogBox .Caption 
{
	background-image: url('http://localhost/captionwizard/img/tbl_th.png');
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 2px;
	font-weight: bold;
	cursor: move;
	border-bottom: 1px solid black;
}

.header-label  { font-size:1.5em; color:#000000; }

/*ProgressTable that shows progress of the Caption Creation Process */

.progresstable 
{ 
	margin-left:0px;
	margin-top:15px;
	margin-bottom:8px;
	height:16px; 
}
.progresstable tr.counter td  {  margin:0;padding:0;  }
.counter
{
	height:16px;
	margin-bottom:7px;
	margin-top:15px;
}

.capi
{
   border: 1px solid #7B9EBD;
   margin: 5px;
   padding: 5px;
   width: 500px;;
}

/****************************************************/


.gwt-Label 
{
color:#3B3B3B;
font-family:"Myriad",Verdana,Arial,Helvetica,sans-serif;
font-size:80%;
text-align:left;
}

.formlabel
{
color:#3B3B3B;
font-family:"Myriad",Verdana,Arial,Helvetica,sans-serif;
font-size:77%;
text-align:left;
}

.catcheck
{
color:#3B3B3B;
font-family:"Myriad",Verdana,Arial,Helvetica,sans-serif;
font-size:67%;
text-align:left;

}

.captionlabel 
{
	font-weight:bold;
	width:80px;
	text-align: right;
}
.subtitlelabel 
{
	font-weight:bold;
	width:80px;
	text-align: right;
}

.overlaylabel 
{
	font-weight:bold;
	width:80px;
	text-align: right;
}

.widgetgroup
{
	
}

/* GRIDS AND PANELS */

.grayandshit {background: #cccccc; }
.orientgrid 
{ 

}
.fontgrid td
{
	padding-top:3px;
}

.fontgrid .col0
{
	width:50px;
}
.fontgrid .col1
{
	width:50px;
}
.col2
{
	width:50px;
}
.col3
{
	width:50px;
}


.captionPanel 
{ 
	border-collapse:collapse; padding:0px; margin:0px;

}

.subtitlePanel
{
   border-collapse:collapse;
   padding:0px; margin:0px;
}

.overlayPanel
{
    border-collapse:collapse;
    padding:0px; margin:0px;
}

.overlayPanel td
{
	padding-top:3px;
	padding-bottom:3px;
}

.gwt-RadioButton
{
	font-family:"Lucida Grande",Arial,sans-serif;
	font-size:0.7em;
	color:#333;
}

.gwt-RadioButton label
{
	padding-left:3px;
	padding-right:20px;
}

.button-steps-panel
{
	
}

.button-steps-panel td
{
	width:133px;
}
.centerpanel {  text-align:center; padding:5px; }


.typegrid {border-collapse:collapse; }
.gwt-Image {cursor:pointer;}
.gwt-HTML {padding-top:15px;}
.centeredimage 
{ 
	display:block; cursor: pointer;     
}

.subtitlePanel .centeredimage, .captionPanel .centeredimage, .overlayPanel .centeredimage
{
	padding:15px; 
}



.gwt-Button 
{
	background:#F5F5F5 none repeat scroll 0%;
	border-color:#DDDDDD rgb(170, 170, 170) rgb(170, 170, 170) rgb(221, 221, 221);
	border-style:solid;
	border-width:1px;
	padding:2px;
	width:12em;
	cursor:pointer;
	z-index:99999;
}

.gwt-Button .errorcontainer
{
	width:100%;
}

.gwt-Button:active 
{
	border-color:#AAAAAA rgb(204, 204, 204) rgb(204, 204, 204) rgb(170, 170, 170);
	border-style:solid;
	border-width:1px;
}

.hideme { display:none; }
.showme { display:block; }

.captioninfoinput
{
	font-family:"Lucida Grande",Arial,sans-serif;
	font-size: 140%;
	/*background: #DBEEFF; 
	border: 1px solid #4577CB;
	color: #1B4277;*/
	padding: 3px;
	margin:0px;
}

.urlinput
{
	padding:1px;
}

			
.red
{
	color: #FF0000;
}

/* LABELS */
.plainlabel
{
	cursor:default;
	text-decoration: none;
	display: inline;
	padding-left:50px;
}

.inlinelabel
{
	display: inline;
}
div#buttons
{
	font-size:60%;
}

.linklabel
{
	cursor:pointer;
	text-decoration: underline;
	display: inline;
	padding-left:50px; 
}
.linklabel2
{
	cursor:pointer;
	text-decoration: underline;
	display: inline;
}




.captionpreview
{
	font-size:50%;
}

.gwt-MenuBar 
{
  background-color: #EDEDED;
  border: 1px solid #AEAEAE;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
  padding: 0px 3px 0px 3px;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem-selected {
  background-color: #D7D7D7;
}

/************** Check grid pop-up *********************/
.mainPanel
{
	background: #daeaff;
	border: 1px solid #7d9dba;
}
.checkgrid
{
	background: #daeaff;
	border: 1px solid #7d9dba;
	padding:5px;

}
.checkgrid label
{
	font-size:0.7em;
	padding-left:3px;
	padding-right:3px;
	padding-top:4px;
}

.xsmalltext
{
	font-size:0.7em;
}

.oneclicktext /*label*/
{
	color:#3B3B3B;
	font-family:Helvetica,Arial,san-serif;
	font-size:0.9em;
	font-weight:bold;
	padding-right:4px;
	padding-left:8px;
}

.oneclick_textbox
{
	/* border:1px solid #333333;*/
	background:white;
	color:#7F7E7E;
	border: 1px solid #7d9dba;
	font-size:1.1em;
	font-family:Helvetica,Arial,san-serif;
	height:1.25em;
	padding:1px 3px;
	margin-right:5px;
}

.oneclick_textbox_sel
{
	border:1px solid #f2ca14;
	background:#faf6de;
	color:#7F7E7E;
	
    font-size:1.1em;
	font-family:Helvetica,Arial,san-serif;
	height:1.25em;
	padding:1px 3px;
	margin-right:5px;	
	
		
}
.catpopup
{
	cursor:pointer;
	vertical-align:middle;
}

#catimg
{
	padding-top:2px;
	padding-left:20px;
	padding-right:8px;
}

.ajaxfinish
{
	padding-left:40px;
	padding-right:40px;
	text-align:center:
	font-size:0.9em;
	font-family: Helvetica, sans, Arial, "Trebuchet MS";
}