div{
	word-wrap: break-word;
}
a{
	text-decoration: none;
}
select, input, textarea{ 
	width: 200px;
}
input, textarea, select{
	border-radius: 5px;
	border: 1px solid #ab1416;
	width: 250px;
}

input.radio{
	width: 20px !important;
	height: 10px !important;
	border: none;
}
input.checkbox{
	width: 20px;
	border: none;
}
a, a:hover, a:visited, a:active{
	color: #AB1416;
}
body{
	font-family: Arial;
}

.pg{
	width: 980px;
	margin: auto;	
}
#header{
	position: relative;
	height: 49px;
	padding-top: 3px;
	text-align: left;
	width: 100%;
	background-color: #ab1416;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;		
	box-shadow: 0px 7px 4px -1px rgba(0,0,0,0.3);	
	z-index: 12;
	
	font-size: 16px;
	font-weight: bold;
}
#content{
	width: 900px;
	min-height: 400px;
	margin: 0px;
	text-align: left;
	float: left;
	padding: 5px 0px 35px 0px;
	z-index: 10;
	
}


div.section{
	margin-top: 21px;
	border-top: 2px dotted;
	padding-top: 7px;
}


.form_element{
	margin-top: 20px;
}
.form_desc{
	text-align: right;
	width: 200px;
	float: left;
	padding-right: 10px;
}


.form_input{
	WIDTH: 400px;
	text-align: left;
	float: left;
	margin: 3px 0px 0 0;
}
.formError{
	color: red;
}
.formerror{
	color: red;
}
.form_error{
	color: red;
}
input.error, textarea.error{
	color: red;
	border: none;
}
.button{
	float: left;
	min-width: 165px;
	height: 23px;	
	background-color: #ab1416;
	border-radius: 4px;
	position: relative;
	text-align: left;
	padding: 4px 0px 0px 5px;
	margin: 0 5px 10px 0px;
}
div.button_long{
	width: 800px;
	height: 23px;	
	background-color: #ab1416;
	border-radius: 4px;
	text-align: left;
	padding: 4px 0px 0px 5px;
	margin: 0 5px 10px 0px;
	color: white;
	font-weight: bold;
	font-size: 17px;
	cursor: pointer;
}


.next{
	background-image: url('../img/next.png');
	background-repeat: no-repeat;
	background-position: top  right ;		
	padding-right: 43px !important;	
	cursor: pointer;
}
.previous{
	background-image: url('../img/previous.png');
	background-repeat: no-repeat;
	background-position: top left;		
	padding-left: 43px;
	cursor: pointer;
}


.nextonly{
	background-image: url('../img/next.png');
	background-repeat: no-repeat;
	background-position: top;		
	width: 43px;
	height: 26px;		
	float: left;
	cursor: pointer;
}
.command , .command_single{
	background-color: #ab1416;
	border-radius: 3px;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);	
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 2px 4px 2px 4px;
	cursor: pointer;		
}
.command{
	float: left;
	margin-left: 5px;	
}
div.command_single{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	min-width: 167px;	
	margin-bottom: 7px;
}


div.command:hover{
	box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
}

div.command a, div.command a:visited, div.command a:hover,  div.command a:active{
	color: #FFFFFF;
	font-weight: bold;	
	font-size: 13px;
	text-decoration: none;
}
div.green{
	background-color: #5FB404;
}

.button, div.button a, div.button a:hover, div.button a:active, div.button a:visited{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

div#topmenu{
	z-index: 1000;
}
div.topmenu_element{
	float: left;
	height: 23px;
	background-color: #ab1416;
	border-radius: 0px 0px 7px 7px ;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);	
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	margin-right: 5px;
	padding: 7px 14px 7px 14px;
	z-index: 1000;
	cursor: pointer;		
}
div.topmenu_element:hover{
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);	
}
div.topmenu_element_selected{
	background-color: #666666;
	color: #FFFFFF;
	box-shadow: none;
}

div.topmenu_element_selected{
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);	
}

div.margintop{
	margin-top: 27px;
}



h1{
	margin: 20px 0px 10px 0px;
	font-size: 18px;
	font-weight: bold;
}
h2{
	margin: 15px 0px 5px 0px;
	font-size: 16px;
	font-weight: bold;
}



div.nobckgr{
	background: none;
}


div.editbutton{
	height: 16px;
	width: 16px;
	cursor: pointer;
	background-image: url("../img/icons/edit.png");
	float: left;
	margin-right: 5px;
}
div.xmlbutton{
	height: 16px;
	width: 16px;
	cursor: pointer;
	background-image: url("../img/icons/icon_XML.png");
	float: left;
	margin-right: 5px;
}
div.mover16{
	height: 16px;
	width: 16px;
	cursor: move;
	background-image: url("../img/icons/icon_move.gif");
	float: left;
	margin-right: 5px;
}

div.deletebutton{
	height: 16px;
	width: 16px;
	cursor: pointer;
	background-image: url("../img/icons/icon_delete.jpg");
	float: left;
	margin-right: 5px;
}
div.refreshbutton{
	height: 16px;
	width: 16px;
	cursor: pointer;
	background-image: url("../img/icons/icon_refresh.png");
	float: left;
	margin-right: 5px;
}
div.checkbutton{
	height: 16px;
	width: 16px;
	cursor: pointer;
	background-image: url("../img/icons/icon_check.png");
	float: left;
	margin-right: 5px;
}
div.picbutton{
	height: 16px;
	width: 16px;
	cursor: pointer;
	background-image: url("../img/icons/icon_pic.png");
	float: left;
	margin-right: 5px;
}
div.browsebutton{
	height: 16px;
	width: 16px;
	cursor: pointer;
	background-image: url("../img/icons/icon_folder.png");
	float: left;
	margin-right: 5px;
}
div.downloadbutton{
	height: 16px;
	width: 16px;
	cursor: pointer;
	background-image: url("../img/icons/icon_download.png");
	float: left;
	margin-right: 5px;
}
div.uploadbutton{
	height: 16px;
	width: 16px;
	cursor: pointer;
	background-image: url("../img/icons/icon_upload.png");
	float: left;
	margin-right: 5px;
}

div.listelement{
	margin: 7px 0px 7px 5px;
}
div.listelement_name{
	float: left;
	margin-left: 5px;
}
div.task_container{
	margin-bottom:7px;
}
div.task{
	width: 642px;
	float: left;
	border: 1px solid #AAAAAA;
	border-radius: 3px 3px 3px 3px ;
	
}
div.finished{
	background-color: #DDDDDD;
}
div.strip_red{
	box-shadow: rgb(255, 0, 0) 0px 0px 2px 0px inset;
	background-image: url('../img/icons/icon_fail_48.png');
	background-position: center right; 	
	background-repeat: no-repeat;
}
div.strip_green{
	box-shadow: rgb(0, 255, 0) 0px 0px 2px 0px inset;
	background-image: url('../img/icons/icon_success_48.png');
	background-position: center right; 
	background-repeat: no-repeat;
}
div.task_inprogress{
	background-image: url('../img/icons/wait_48.gif');
	background-position: center right; 
	background-repeat: no-repeat;
}

div.blinker_red{
	box-shadow: rgb(255, 0, 0) 0px 0px 7px 0px inset;
}
div.blinker_green{
	box-shadow: rgb(0, 255, 0) 0px 0px 7px 0px inset;
}

div.task_name{
	font-size: 12px;
	padding: 3px;
	width: 100%;
	text-align: left;
}
div.task_status{
	padding: 3px;
	font-weight: bold;
	width: 100%;
	text-align: left;
}
div.task_commands{
	float: left;
	margin-left: 5px;
}

div.jobform{
	width: 800px;
	border: 1px solid #AAAAAA;
	border-radius: 7px 7px 7px 7px ;
	margin-bottom: 22px;	
}
div.jobform_header{
	border-radius: 7px 7px 0px 0px ;
	background-color: #666666;
	color : #FFFFFF;
	font-size: 17px;
	padding: 14px;	
}
div.jobform_header_files{
	font-size: 15px;
}

div.jobform_content{
	padding: 7px;
	margin-top: 7px;
}
div.job_container{
	margin-bottom:11px;
	cursor: pointer;
}
div.job{	
	width: 800px;
	float: left;
	border: 1px solid #AAAAAA;
	border-radius: 4px 4px 4px 4px ;
	
}

div.job_name{
	font-weight: bold;
	padding: 7px;
	width: 452px;
	float: left;
	text-align: left;
}
div.job_name div.small{
	font-weight: normal;
	font-size: 13px;
}

div.job_status{
	font-size: 12px;
	padding: 7px;
	width: 270px;
	float: left;
	text-align: left;
}
div.job_commands{
	padding: 7px;
	width: 50px;
	float: left;
	text-align: left;
}


div.destination{
	padding: 4px 2px 4px 5px;;
	height: 21px;
	margin: 21px 0px 0px 3px;
	border-top: 1px solid #CCCCCC;
}
div.inprogress{
	background-color: #DDDDDD;
}
div.profile_name{
	font-weight: bold;
	float: left;
	width: 135px;
	padding-top: 3px;
	cursor: pointer;
}
div.profile_commands_date{
	float: left;
	width: 150px;
}

div.profile_commands{
	float: left;
	width: 640px;
	font-size: 12px;
}
input.cbox{
	width: 25px;
}
select.narrow{
	width: 120px;
}
input.date{
	width: 80px;

}
input.short{
	width: 120px;
}


td{
	font-size: 12;
	border: 1px solid black;
}
table td{
	margin 3px;
}

table.logs td{
	font-size: 12px;
	border: 1px solid black;
	padding: 2px;	
	position: relative;	
}
tr.tableheader td{
	font-size: 14px;
	background-color: #AB1416;
	color: white;
	font-weight: bold;
}

div.marginsubdiv div{
	margin-bottom: 7px;
}

div.infotxt{
	margin: 14px 0px 14px 0px;
	background-color: #FFFF99;
	color: #333333;
}

div#explorer_selected{
	margin: 50px 10px 10px 10px;
	border-top: 1px solid #CCCCCC;
	font-size: 12px;
	text-align: left;
}
div#explorer_selected_item{
	width: 100%;
	overflow: hidden;
}
div.task_todo{
	font-size: 12px;
	margin-left: 137px;
}

div.msg{
	border-color: #f0c36d;
	background-color: #f9edbe;
	border: 1px solid transparent;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);	
	margin-top: 14px;
	padding: 7px;
}
div.msg_error{
	color: red;
	font-weight: bold;
}
div.msg div{
	padding: 7px;
}

div.right{
	float: left;
	margin-top: 5px;
	
}
div.right_pushdown{
	float: left;
	margin-top: 0px;
	
}
div#dialog_task input, div#dialog_task textarea{
	width: 550px; 
	font-family: arial;
}

div#dialog_task input.cbox{
	width: 25px;
}
div#browse_sound{
	margin-top: 23px;
	padding-top: 7px;
	border-top: 1px solid #CCCCCC;
	text-align: left;
}
input.readonly,  textarea.readonly{
	border-color: #AAAAAA;
}

.chzn-container {
	font-size: 12px;
}

div#user_info .chzn-container {
	font-size: 16px;
}
div#user_info{
	margin-top: 10px;
	float: right;
	margin-right: 174px;
}

.formdialog{
	font-family: arial;
	text-align: left;
	font-size: 12px;
}

.formdialog div.form_sec{
	text-align: right;
}
.formdialog div.form_input{
	width: 260px;
}
div#dialog_newuser div.form_desc{
	width: 120px;
}

	 

.greytext{
	color: #888888;
}

div.dfooter{
	margin-top: 14px;
	padding-top: 7px;
	border-top: 1px solid #DDDDDD;
}
div.profile_groups, div.profile_groups_active{
	float: left;
	margin-right: 14px;
}
div.profile_groups_active{
	background-color: #DDDDDD;
}

div#ar9logo{
	background-image: url('../img/ar9_logo_129.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 129px;
	height: 80px;
	float: right;
	margin: 5px 130px 0px 0px;
	z-index: 10000;			
}
a.expander{
	font-size: 19px;
	font-weight: bold;
	cursor: pointer;
	margin-right: 5px;
}
table tr.proj{
	font-weight: bold;
	background-color: #EEEEEE;;
}
table.logs{
	min-width: 800px;
}












#header2{
	position: relative;
	height: 85px;
	width: 100%;
	background-color: #FFFFFF;
	border:  #ab1416 1px solid;
	border-top: none;
	border-bottom-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;		
	box-shadow: 0px 7px 4px -1px rgba(0,0,0,0.3);	

}
#logo_container{
	float: left;
	margin: 27px 0px 0px 35px;
	cursor: pointer;
}


.section_title{
	font-weight: bold;
	font-size: 20px;
	color:  #FFFFFF;
	text-align: left;
	height: 35px;
	padding-top: 15px;
	border-bottom: 1px #FFFFFF solid;
	box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.3);	
}
.section_title a{
	font-weight: bold;
	font-size: 20px;
	color:  #FFFFFF;	
	text-decoration: none;
}





div#header input, div.loginorregister input{
	width: 125px;
	height: 25px;
	border-radius: 2px;	
	border: none;
}
div.loginorregister input{
	border: 1px solid #ab1416;
}
#language_selector_flag_container{
	float: right;
	margin-left: 4px;
}





#header_top{
	height: 40px;
	text-align: right;
	padding-right: 70px;

}
#header_bottom{

	height: 50px;
	width: 100%;
}
#header_right{
	text-align: left;
	float: right;
}
#header_left{

	float: left;
}


#panel{
	width: 100%;
}
#left_panel{
	float: left;
	width: 130px;
	text-align: left;
}







