@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}


@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidsans-webfont.ttf') format('truetype'),
         url('../fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {  height: 99%;  margin-bottom: 1px;}
form {  margin: 0;  padding: 0;}
body {   margin: 0;  font-family: 'droid_sansregular'; font-size:13px;  color:#515151; background:#f8f8f8;  }
body.contentpane {/*background:#000;*/}
a:link, a:visited {  text-decoration: none;  font-weight: normal;  outline:none;  cursor:pointer; color:#002b50; }
a:hover {  text-decoration:none;  font-weight: normal;  outline:none; }
input,button{outline:none;}
input.button { cursor: pointer; }
p { margin-top: 0; margin-bottom: 5px; text-align:left; line-height:20px; font-size: 13px; text-align:left;}
img { border: 0 none; }
ul{list-style:none; list-style-type:none; margin:0px; padding:0px;}
ul li{text-align:left;}
h3{text-align:left; margin:0px 0px 10px 0px; font-weight:bold; }
td{ vertical-align:top;}
img{ max-width:100%; }

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

/*** Template specific layout elements ***/

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

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

/*** Header ***/

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

.wrapper_bg{background:#d6d6d6;display: inline-block;width: 100%;margin-bottom: -4px;}

.wrapper_top{width:940px; margin:auto;}

.moduletable_topmenu{ float:right; padding:5px 0px;}

.moduletable_topmenu ul li a.authorlogin{background:url(../images/Login1.png) no-repeat left center; padding-left:18px;}



.header_top{ /*background:#1e365c url(../images/header_bg1.png) repeat-x left bottom;*/ width:100%; display:inline-block; }

.header_center{background:url(../images/header_image.jpg) repeat-x left top; width:100%; margin:auto; overflow:auto; border-bottom: 5px solid #d2011e;}

.header{width:940px; margin:auto;}



.logo{float:left; padding-bottom:20px;}

.logo a{display:inline-block;}

.logo img{ margin:22px 0px 0px 0px;}



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

/*** Menu ***/

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

.mainmenu_bg{width:100%;display: inline-block;}

.mainmenu{ width:560px; float:right; padding-top:20px;}

.moduletable_mainmenu{float:right; padding-bottom:25px;}

/*.mainmenu ul li{background:url(../images/menu_split.png) no-repeat right center;background-position: right 2px;}

.mainmenu ul li.last{background:none;}*/

.mainmenu ul li.first a span,.dj-main li.first a:hover span{background:none;}

.mainmenu ul li.last a span,.dj-main li.last a:hover span{}

.mainmenu ul li a{color:#ffffff; font-size:14px; font-family: 'droid_sansregular';display: inline-block;padding-top: 0px;}

.mainmenu ul li a span{display:block; padding: 12px 0px 15px 25px;  font-size: 16px;  width: 140px;}

.mainmenu ul li a span{text-align:center;}

.dj-main li a:hover span, .dj-main li.active a.dj-up_a span{ color:#002b50;}

/*.dj-main li.active a,.dj-main li a:hover{  background:url(../images/menu_left.png) no-repeat left top!important;}

.dj-main li.active a span,.dj-main li a:hover span{ background:url(../images/menu_right.png) no-repeat right top!important;border-top-left-radius: 11px; border-bottom-left-radius: 11px }

*/

.dj-main li.active a,.dj-main li a:hover{ background:#f8f8f8;border-radius: 60px;}

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

/*** Menu image ***/

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

.mainmenu ul li.first a span{background:url(../images/Upload.png) no-repeat 15px 12px;}
.mainmenu ul li.first a:hover span,.mainmenu ul li.first a.active span{background:url(../images/Upload_hover.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid112 a span{background:url(../images/Manage.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid112 a:hover span,.mainmenu ul li.itemid112 a.active span{background:url(../images/Manage_hover.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid109 a span{background:url(../images/View.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid109 a:hover span,.mainmenu ul li.itemid109 a.active span{background:url(../images/View_hover.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid123 a span{background:url(../images/review.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid123 a:hover span,.mainmenu ul li.itemid123 a.active span{background:url(../images/review_hover.png) no-repeat 15px 12px;}
.mainmenu ul li a.review span{background:url(../images/review.png) no-repeat 15px 12px;}
.mainmenu ul li a.review:hover span,.mainmenu ul li a.review.active span{background:url(../images/review_hover.png) no-repeat 15px 12px;}
.mainmenu ul li a.manage span{background:url(../images/Manage.png) no-repeat 15px 12px;}
.mainmenu ul li a.manage:hover span,.mainmenu ul li a.manage.active span{background:url(../images/Manage_hover.png) no-repeat 15px 12px;}
.mainmenu ul li a.view span{background:url(../images/View.png) no-repeat 15px 12px;}
.mainmenu ul li a.view:hover span,.mainmenu ul li a.view.active span{background:url(../images/View_hover.png) no-repeat 15px 12px;}
.mainmenu ul li.last a span{background:url(../images/Helps.png) no-repeat 15px 12px;}
.mainmenu ul li.last a:hover span,.mainmenu ul li.last a.active span{background:url(../images/Helps_hover.png) no-repeat 15px 12px;}

.mainmenu ul li.first a span{background:url(../images/Upload.png) no-repeat 15px 12px;}
.mainmenu ul li.first a:hover span,.mainmenu ul li.first a.active span{background:url(../images/Upload_hover.png) no-repeat 15px 12px;}

.mainmenu ul li a.part span{
    background:url(../images/part_video.png) no-repeat 15px 15px;
}
.mainmenu ul li a.part:hover span,
.mainmenu ul li.active a.part span{
    background:url(../images/part_video_hover.png) no-repeat 15px 15px;
}
.mainmenu ul li a.mobileapp_icon{ padding: 0px;}
.mainmenu ul li a.mobileapp_icon span{ width:22px; height:44px; background:url(../images/mobileAppIcon.png) no-repeat left; font-size: 0px;
padding: 0px; margin-left: 20px;}
.mainmenu ul li a.mobileapp_icon:hover,
.mainmenu ul li.active a.mobileapp_icon{ background: none;}
.mainmenu ul li a.mobileapp_icon:hover span,
.mainmenu ul li.active a.mobileapp_icon span{ width:22px; height:44px; background:url(../images/mobileAppIcon.png) no-repeat left; font-size: 0px;}



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

/*** Public Menu image ***/

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

.mainmenu ul li.first a.home span{background:url(../images/login_icon.png) no-repeat 15px 12px;}
.mainmenu ul li.first a.home:hover span,
.mainmenu ul li.first a.active.home span{background:url(../images/login_icon_hover.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid126 a span{background:url(../images/About.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid126 a:hover span,
.mainmenu ul li.itemid126 a.active span{background:url(../images/About_hover.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid125 a span{background:url(../images/View.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid125 a:hover span,.mainmenu ul li.itemid125 a.active span{background:url(../images/View_hover.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid127 a span{background:url(../images/Multimedia.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid127 a:hover span,.mainmenu ul li.itemid127 a.active span{background:url(../images/Multimedia_hover.png) no-repeat 15px 12px;}



.banner{padding:15px 0px 0px 0px; }

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

/*** Login ***/

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

.moduletable_login{float:left; border:1px #cc0620 solid; border-radius:5px; background:#c6cfd6; padding:7px; color:#a1a1a1;font-family: 'droid_sansregular';width: 442px;}

.customtable_loginin{ background:#002b50; padding:25px 25px 10px 25px;display: inline-block;width: 89%;}

.moduletable_login a{color:#a1a1a1!important;font-family: 'droid_sansregular';}



#modlgn-username{background:url(../images/username_bg.png) no-repeat left center; width:347px; height:32px; border:0px; padding:5px 5px 5px 40px; color:#4a4a4b; font-size:14px; line-height:28px; }

#modlgn-passwd{background:url(../images/password_bg.png) no-repeat left center; width:347px; height:32px; border:0px;padding:5px 5px 5px 40px;color:#4a4a4b; font-size:14px; line-height:28px; }



.moduletable_login .forgot{ text-align:right; font-size:13px; padding:5px 0px 10px 0px;}

.moduletable_login .forgot a{ color:#a0a0a0; font-size:13px;font-family: 'droid_sansregular';}

button.btn,
input.btn,
button.validate,
#com-form-login-remember input.default,
.logout-button input.button,
.handbook a.read_more{ background:url(../images/Login.png) no-repeat left center; width:83px; height:40px; border:0px; padding:0px; color:#ffffff; font-size:18px;font-family: 'droid_sansregular'; cursor:pointer; }

button.btn:hover,
input.btn:hover,
button.validate:hover,
#com-form-login-remember input.default:hover,
.logout-button input.button:hover,
.handbook a.read_more:hover{background:url(../images/Login_hover.png) no-repeat left center; color:#002b50;}

.handbook a.read_more{
font-size: 14px;
    text-align: center;
    margin-top: 25px;
    display: block;
    float: right;
    line-height: 40px;
}
#form-login-submit{ float:right; margin-bottom:15px;}

#form-login-remember{float:left;margin-bottom:15px;}

.moduletable_login ul{clear:both; /*border-top:1px #335573 solid;  padding-top:12px;*/}



.registration legend { font-size: 22px; }

.registration .control-label{width:100%;}



.login,.reset,.remind, .registration {font-family: 'droid_sansregular';}

.login fieldset, .reset fieldset, .remind fieldset ,.registration fieldset,.reset-complete fieldset,.reset-confirm fieldset,.profile-edit fieldset{border:0px; margin:0px; padding:0px;}

.login .control-group, .reset .control-group, .remind .control-group, .registration .control-group{padding-bottom:10px;}

.login label, .reset label, .remind label{font-size:14px;float: left;width: 12%;padding-top: 2px;}

.login input ,.reset input ,.remind input, .registration input,.userdata input,.reset-complete input,.reset-confirm input,profile-edit input { background:#d6d6d6; border-radius:5px; border:0px; padding:5px; border:1px #c6cfd6 solid;color:#4a4a4b; font-size:14px; }

.login button.btn{ margin-bottom:10px;}

ul.nav-tabs{font-family: 'droid_sansregular';}

.login ul li a{color:#002b50;}



#jform_spacer-lbl{width:100%; clear:both;}

.registration label {font-size: 14px;float: left;width: 20%;padding-top: 2px;}

/*.tooltip{ display:none!important;}*/



.moduletable_login input::-webkit-input-placeholder { font-size:14px; color:#4a4a4b; line-height:28px;}

.moduletable_login input:-moz-placeholder {font-size:14px; color:#4a4a4b; line-height:28px;}

.moduletable_login input::-moz-placeholder { font-size:14px; color:#4a4a4b; line-height:28px;}

.moduletable_login input:-ms-input-placeholder {  font-size:14px; color:#4a4a4b; line-height:28px;}



.logout-button{padding-top:20px;}







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

/*** Tool Tip ***/

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

.tooltip {position: absolute;z-index: 1030;	display: block;	visibility: visible;	font-size: 11px;	line-height: 1.4;	opacity: 0;	filter: alpha(opacity=0);}

.tooltip.in {	opacity: 0.8;	filter: alpha(opacity=80);}

.tooltip.top {	margin-top: -3px;	padding: 5px 0;}

.tooltip.right {	margin-left: 3px;	padding: 0 5px;}

.tooltip.bottom {	margin-top: 3px;	padding: 5px 0;}

.tooltip.left {	margin-left: -3px;	padding: 0 5px;}

.tooltip-inner {	max-width: 200px;	padding: 8px;	color: #fff;	text-align: center;	text-decoration: none;	background-color: #000;	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;	border-radius: 4px;}

.tooltip-arrow {	position: absolute;	width: 0;	height: 0;	border-color: transparent;	border-style: solid;}

.tooltip.top .tooltip-arrow { bottom: 0;	left: 50%;	margin-left: -5px;	border-width: 5px 5px 0;	border-top-color: #000;}

.tooltip.right .tooltip-arrow {	top: 50%;	left: 0;	margin-top: -5px;	border-width: 5px 5px 5px 0;	border-right-color: #000;}

.tooltip.left .tooltip-arrow {	top: 50%;	right: 0;	margin-top: -5px;	border-width: 5px 0 5px 5px;	border-left-color: #000;}

.tooltip.bottom .tooltip-arrow {	top: 0;	left: 50%;	margin-left: -5px;	border-width: 0 5px 5px;	border-bottom-color: #000;}



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

/*** Content Page ***/

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

.content_page{width:940px; margin:auto;padding-bottom: 30px; overflow:auto;}

.content_left{float:left; width:460px; background:url(../images/content_rightbg.png) no-repeat right top; padding:40px 20px 30px 0px;}

.component{float:left; padding:40px 10px 60px 15px;}

.item-page .page-header{ width:100%; background:url(../images/heading_bg.png) no-repeat 50% bottom; float: left; margin-bottom: 25px; }

.item-page .page-header h2{ width:50%; border-bottom: 1px solid #002b50;}

.component h2{ font-size:34px; font-weight:normal; color:#002b50; margin:0px; padding-bottom:15px; font-family:"Times New Roman", Times, serif;}

.component h1{ font-size:34px; font-weight:normal; color:#002b50; margin:0px; padding-bottom:15px;font-family:"Times New Roman", Times, serif;}

.component h3{ color:#424242; font-size:34px; margin:0px; padding:0px; font-weight:normal;font-family:"Times New Roman", Times, serif;}

.component h4{ color:#424242; font-size:22px; margin:0px; padding:5px 0px; font-weight:normal;font-family:"Times New Roman", Times, serif;}

.handbook p{color:#515151; font-size: 14px; line-height: 24px;font-family: 'droid_sansregular';}

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

.content_top{float:right; width:100%;}

.content_top .moduletable{float:right;}

.content_top .login-greeting{padding: 8px;color: #002b50;font-size: 16px;}

.content_top .logout-button{padding-top:0px;}





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

/*** Footer ***/

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

.footer_bg{background:#002b50; width: 100%;display: block;overflow: hidden;position: fixed;z-index: 9999;bottom: 0px; }

.footer{ width:940px;margin:auto;}

.moduletable_footer{padding:10px 0px 10px 0px; float:left; color:#f0f0f0; width:100%;}

.moduletable_footer p{ text-align:center;font-family: 'droid_sansregular';}

.moduletable_footer a{color:#f0f0f0;}



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

/*** System Message ***/

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

#system-message { background:#002b50; border-radius:5px; margin-bottom:10px;}

#system-message p,#system-message-container a{color: #f0f0f0;font-family:'droid_sansregular'; padding:5px;}

#system-message h4{ color:#fff; margin:0px; padding:5px;}

#system-message .alert-heading{display:none;}

#system-message a.close{font-size: 18px;}

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

/*** Pagination ***/

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

.pagination {width: 100%;float: left;display: block;text-align: center;font-size: 14px;padding-top: 20px;}

.pagination p.counter {text-align:center;}

.paginationlist{display: inline-block;}

ul.pagination-list {width: 100%;text-align: center;margin: auto;}

.pagination li {padding: 0px 4px;float: left;font-size: 14px;}

.pagination li.active a {color:#002b50;font-size: 16px;font-family: "Times New Roman", Times, serif;}

.pagination li.active a:hover{color:#002b50;}



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

/*** Video Pop Up ***/

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



/*#sbox-window{ height:260px!important; left: 3%!important; width: 92%!important; }*/


/*****************************************/
/*** Content Bottom ***/
/*****************************************/
.content_bottom{display:inline-block; clear:both;margin-bottom: 40px;width: 100%;}

.content_bottom ul{display:inline-block; width:100%; text-align:center;}
.content_bottom ul li{ display:inline-block; padding:0px 5px;}
.content_bottom ul li img{padding-bottom:10px;}

.header_search{float:right; margin-top:70px;}
.header_search .moduletable{ display: inline-block;}
.authorpage .header_search{float:right; margin-top:18px;} 

/*****************************************/
/*** Video Search ***/
/*****************************************/
.video_sort{float:right;}
#videosearchword,#videosearchwordnew{background: #1b3255; border-radius: 10px; border: 0px; padding: 5px 10px;color: #eeeeee; font-size: 14px; width: 210px!important; height: 33px!important; float:left; margin-right:3px;border:1px #2c4f88 solid;}
.video_search_icon {background:url(../images/search_icon.png) no-repeat left top!important; width:18px!important; height:20px!important; text-indent:-9999px; font-size:1px!important; float:left; margin-left: -35px;position: relative;margin-top: 12px;}
/*.video_search_icon:hover{background:url(../images/search_hover.png) no-repeat left top!important;}*/
.video_clear_icon{background:url(../images/clear_hover.png) no-repeat left top!important; width:33px!important;height:35px!important;text-indent:-9999px; font-size:1px!important; float:left;}
.video_clear_icon:hover{background:url(../images/clear_hover.png) no-repeat left top!important;}
#videosearchword::-webkit-input-placeholder {color: #738196;}
#videosearchword:-moz-placeholder { color: #738196;}
#videosearchword::-moz-placeholder { color: #738196;}
#videosearchword:-ms-input-placeholder { color: #738196; }
/*****************************************/
/*** Landing page contentVideo Search ***/
/*****************************************/
.handbook .landing_page .moduletable a{display:none;}
.landing_page #videosearchwordnew{
  background: #e6e6e6;color: #4c4c4c;width: 390px!important;height: 63px!important;border: 1px #d6d6d6 solid;
}
.landing_page .video_search_icon {
    background: url(http://handbookofrobotics.org/images/search.png) no-repeat left top!important;height:75px!important;width:40px!important;margin-top:0;
}
.land_store{float:right;}
.land_store img{height:75px; width:229px;margin-bottom:0px;}