@charset "utf-8";
/* CSS Document */

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

}

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

}

/** Common Styles Styles Starts Here **/ 
body {
 font-size: 13px;
 font-family: Verdana, Geneva, sans-serif;
 color: #494a4a;
 line-height: 20px;
}
body, p, h1, h2, h3, h4, h5, h6, form, ul, ol, li {
	padding: 0px;
	margin: 0px;
}
img, embed, object, video {
	max-width: 100%;
	max-height: 100%;
}
iframe {
	max-width: 100%;
}
a {
	outline: none;
	text-decoration: none;
}
img {
	border: none;
	vertical-align: middle;
}
li {
	list-style-type: none;
}
.clear {
	clear: both;
}
h1 {
	font-size: 26px;
	padding-left:0px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
header, #dashboard-menu, .user_detials, #login-container, footer, .footer, .admin-content, #menu-section, #view-evaluation-container, .profile-content, #complete-rot-eval, .rot-eval-container{
	width: 100%;
	float: left;
}
.header, .user_section, .login-container, #footer, .dashboard-menu, .admin-container, nav, .view-evaluation-container, .profile-container, .complete-rot-eval, #m_menu{
	max-width: 960px;
	margin: 0 auto;
}
select, input{ font: 12px Verdana, Geneva, sans-serif; }
/** Common Styles Styles Ends  Here **/

.user_detials{ background:#e5edf4;}
.user_section{ text-align:right; color:#7797b8;}
.user_section a{ color:#7797b8; font: 14px/30px Verdana, Geneva, sans-serif; padding:0 5px;}
.user_section a.user_name { color:#449f18; font-weight:bold;}
.user_section a:hover { color:#63B0FF;}

/** Header Styles Starts Here **/

header{ background:url(/images/header-bg.png) 0 0 repeat-x; background-size: auto 100%; border-bottom:1px solid #dfe2e1; padding:0 0 10px;}
.header-content{ width:100%;}
.main-logo{ width:200px; float:left; }
.main-logo a{ margin:20px 0 0; display:block; width:100%; }

.menu_section{ float:right; margin:40px 0 0;}
.menu_section ul li{ display:inline; padding:3px 20px; border-right:1px solid #d5d5d5;}
.menu_section ul li:last-child{ border:none;}
.menu_section ul li a{ color:#333333; font: 16px Tahoma, Geneva, sans-serif; padding:2px 25px 4px 8px; background:url(/images/menu_down_arrow.png) right 6px no-repeat;}
.menu_section ul li a:hover { color:#ffffff; background:url(/images/menu_down_arrow.png) right 6px no-repeat #20345d;}

#profile-info{width:270px; padding:10px 0 10px 10px; display:none; float:right; background:#1f4d7f; }
.profile-image{ width:100px; float:left; margin:5px 0 0 0; }
.profile-image img{ padding:5px; border: 1px solid #CCCCCC; width:70%; }
.profile-info-content{ float:left; width:170px; }
.profile-info-content p{ font: normal 13px/21px Verdana; }
.profile-info-content a{ float:left; margin:10px 5px 0 0; font: normal 13px/21px Verdana; color:#ffffff !important; padding:0 !important; }
.profile-info-content a:hover{ text-decoration:underline; }
.profile-info-content h3 a{  font: normal 18px/18px Verdana; color:#54aeec; background:none; padding:0; float:none; text-align:left;}
.profile-info-content h3 a:hover{ background:none; }

/** Header Styles Ends Here **/

/** Login Container Styles Starts Here **/

#login-container{ margin:42px 0; }
.login-container h1, .login-container h2{ font: 32px sans-serif; color:#808080; margin:0 0 10px 0; text-align:center;}
.login-container p{ text-align:center; color:#999; font: 18px Verdana;}
.login-div{ float:left; width:250px; margin:20px 0 0; background:#f8f8f8; padding:15px 20px;border:1px solid #d9d9d9;}
.login-div h2{ font: normal 26px/25px Verdana; color:#333333; text-align:left;/* margin:2px 0; color:#ff920e; text-align:center; */}
.login-form{ }
.login-form li{ margin:15px 0; }
.login-form a{ color:#494A4A; margin:7px 0; float:right; }
.login-form a:hover{ color:#FF920E; }


.login-form input[type='text'], .login-form input[type='password']{ width:94%; padding:8px 0 8px 15px; font: normal 16px/21px Verdana, Geneva, sans-serif; /*border:none; background:none; border-bottom:1px solid #ccc; border-radius:10px;*/ color: #D5D5D5; border:1px solid #d5d5d5;}

.login-form input[type='submit']{ float:left;background: url(/images/sign-up-bg.gif) 0 0 repeat-x; text-shadow: 0 -1px #C98B20; width:100%; height:42px; border:none; font: normal 24px Verdana; color:#ffffff; cursor:pointer;}
/** Login Container Styles Ends Here **/

/** Container Info Styles Starts Here **/

.container-info{ margin:20px 0 0; width:65%; float:right;}
.container-info h2{ font: normal 18px/21px Verdana; margin:0 0 20px; color:#54aeec; }
.container-info ul{ margin:0 0 0 15px; }
.container-info li{ margin:20px 0; font: normal 14px/18px Verdana; padding:0 0 0 50px; }
.container-info li.desc_1{ background:url(/images/numbers.png) -13px -10px no-repeat;}
.container-info li.desc_2{ background:url(/images/numbers.png) -13px -100px no-repeat; padding:6px 0 6px 50px;}
.container-info li.desc_3{ background:url(/images/numbers.png) -13px -190px no-repeat;}

/** Container Info Styles Ends Here **/

/** Footer Styles Starts Here **/

footer{ border-top:1px solid #ccc; /*background:url(/images/footer-bg.png) 0 0 repeat-x; background-size:auto 100%;*/}
.footer{ padding:27px 0; float:left;}
.footer-links a, .footer-links{ font: normal 12px/21px Verdana, Geneva, sans-serif; color:#494a4a; }
.footer-links a:hover{ color: #54aeec; }

.footer-links p{ float:right;}

/** Footer Styles Ends Here **/

/** Dashboard Menu Styles Starts Here **/

.dashboard-menu{ background:#ffffff; }
.dashboard-menu h1, .view-evaluation-container h1{ font: normal 25px/18px Verdana; padding:20px 0 16px }
.dashboard-menu h1 span{ font:normal 18px/18px Verdana; color:#54aeec; }
ul.dash-menu-list{ width:100%; float:left; background:#ffffff; padding:20px 0; *padding:20px 0 40px; }
.dash-menu-list li{ float:left; text-align:center; width:150px; height:130px; display:table; margin:15px 85px; position:relative;  }
.dash-menu-list li a{ text-align:center; background:#54aeec; color:#ffffff; float:left; font: bold 15px/21px Verdana; padding:130px 0 0; border:1px solid #cccccc; display:block; width:100%; }

.dash-menu-list li a.user-manage-menu{ background:url(/images/user-manage-icon.png) center 10px no-repeat; background-size:75% 80%; color:#54aeec;  }
.dash-menu-list li a.prog-setup-menu{ background:url(/images/program-setup.png) center 10px no-repeat; background-size:75% 70%; color:#54aeec;  }
.dash-menu-list li a.logout-menu{ background:url(/images/index-panel/logout.png) center 10px no-repeat; background-size:75%; color:#54aeec;  }

.dash-menu-list li a.dash-board-user{ background:url(/images/index-panel/pages.png) center 10px no-repeat; background-size:75% 80%; color:#54aeec; }

#evaluation-items li, #admin-items li, #director-items li, #rot-eval-items li, #program-setup-items li, #user-manage-items li{ float:left; width:auto; height:auto; margin:0; width:100%; }
#evaluation-items li a, #admin-items li a, #director-items li a, #rot-eval-items li a, #program-setup-items li a, #user-manage-items li a{ color:#FFFFFF; font: normal 14px/21px Verdana; background:#0063a9; float:none; padding:2px 0; display:block; }
#evaluation-items li a:hover, #admin-items li a:hover, #director-items li a:hover, #rot-eval-items li a:hover, #program-setup-items li a:hover, #user-manage-items li a:hover{ text-decoration:underline; }


.dash-menu-list li a.evaluation-menu{ background:url(/images/index-panel/category.png) center 10px no-repeat; background-size:80% 75%; color:#54aeec; position:relative;  }


#evaluation-items, #admin-items, #director-items, #rot-eval-items, #program-setup-items, #user-manage-items{ width:100%; position:absolute; display:none; z-index:2000; left:0; top:0; }

/** Dashboard Menu Styles Ends Here **/

/** Admin Page Styles Starts Here **/

.admin-container h1, .profile-container h1{ font: normal 28px/18px Verdana;  padding:20px; }
.admin-content h3{ font:normal 20px/18px Verdana; color:#54aeec; }
.admin-content{ background:#FFFFFF; }
.admin-first-list, .admin-second-list{ float:left; width:40%; margin:25px; }
.admin-content ul{ margin:20px 0 0; }
.admin-first-list li, .admin-second-list li{ margin:8px 0; }
.admin-first-list li a, .admin-second-list li a{ font: normal 14px/21px Verdana; color:#494a4a; background:url(/images/arrow2.gif) 0 3px no-repeat; padding:0 0 0 10px;}
.admin-first-list li a:hover, .admin-second-list li a:hover{ color: #54aeec; }

/** Admin Page Styles Ends Here **/

/** View Evaluation Page Styles Starts Here **/

.display-eval{ padding:0 0 0 20px; }
.display-eval p{ float:left; }
.display-eval form{ float:left; }
.view-evaluation{ width:100%; float:left; background:#ffffff; }
.filter-evaluations{ float:right; width:64%; margin:50px 0 0 0; }
.filter-evaluations h3{ font: normal 16px/18px Verdana; float:left; margin:3px 10px; }
.filter-evaluations #dateFrom, .filter-evaluations #dateTo{ font: normal 14px/18px Verdana; float:left; margin:0 2px; height:20px; }
.filter-evaluations button{ float:left; cursor:pointer; }
.filter-eval-button{ height:26px; font: normal 15px/18px Verdana; cursor:pointer; margin:0 0 0 10px; }

.check-all-eval{ font: normal 14px/18px Verdana; float:right; margin:10px 0; }
.view-evaluation-content{ width:100%; float:left; margin:0 10px 15px 10px; }
.view-evaluation-content p{ font: normal 14px/18px Verdana, Geneva, sans-serif; }
.view-evaluation-content form{ margin:10px 0 0; }

#eval-table{ width:100%; margin:0 0 25px; padding:0; }
#eval-table tr{ text-align:center; }
#eval-table a, #eval-table{ font: normal 14px/21px Verdana; color:#494a4a; }
#eval-table a{ color:#005FA9; }
#eval-table a:hover{ color:#54aeec ; }
#eval-table .bold-sl-nos a{ font-weight:bold; }
#eval-table, td, th { border: 1px solid #62a8e3; }
#eval-table td{ padding:8px 5px; line-height:17px; }

/** View Evaluation Page Styles Ends Here **/

/** Your Profile Page Styles Starts Here **/

.profile-content{ background:#FFFFFF; }
.profile-content p{ font: normal 16px/21px Verdana; color:#494a4a; margin:20px; }
.profile-content span{ color:#ff0000; }
.profile-content .profile-form{ margin:25px auto; width:92%; }
.profile-form li{ width:100%; float:left; margin:8px 0; font: normal 13px/21px Verdana, Geneva, sans-serif; }

.profile-form label{ width:40%; float:left; text-align:right; margin:3px 10px 0 0; font: normal 15px/21px Verdana; color:#494a4a; }
.profile-form label.other-designation{ min-height:45px; }
.profile-form input[type='text'], .profile-form input[type='password'], .profile-form textarea{ width:180px; border:1px solid #ccc; background:#ffffff; height:25px; font: normal 13px/21px Verdana, Geneva, sans-serif; color:#494a4a; }
.profile-form select{ padding:5px; font: normal 13px/21px Verdana, Geneva, sans-serif; }
.profile-form input[type='submit'], .profile-form input[type='button']{ width:95px; margin:0 5px 0 0; height:30px; cursor:pointer; font: normal 15px/21px Verdana; }
.profile-form a{ font: normal 14px/21px Verdana; color:#494a4a; margin:0 0 0 10px; }
.profile-form a:hover{ color:#54aeec; }

/** Profile Page-2 Changed Styles **/

.profile-content-2 li{ width:33%; margin:15px 0; min-height:75px; }
.profile-content-2 label{ width:100%; text-align:left; }
.profile-content-2 li.other-designation{ width:100%; }
.profile-content-2 li.other-designation label{ width:31.5%; padding:20px 0; }
.profile-content-2 a{ clear:both; display:block; width:160px; margin:0; }
.profile-content-2 select{ width:180px; }
.profile-content-2 li.submit-buttons{ width:100%; text-align:center; }
.update, .cancel{ background:#0080C0; color:#fff; border:none; border-radius:5px;}
.update:hover, .cancel:hover { color:#000; background:#008BCE;}
/** Profile Page-2 Changed Styles **/

/** Your Profile Page Styles Ends Here **/

/** Complete Rotation Evaluation Styles Starts Here **/

.rot-eval-container{ background:#ffffff; }
.complete-rot-eval h1{ font: normal 28px/18px Verdana;  padding:20px; }
.rot-eval-container h3{ font: normal 18px/18px Verdana;  padding:20px; color:#54AEEC; }
.rot-eval-form{ margin:0 0 20px; float:left; }
.rot-eval-form li{ width:100%; float:left; margin:8px 0; font: normal 13px/21px Verdana, Geneva, sans-serif; }
.rot-eval-form label{ width:40%; float:left; text-align:right; margin:3px 10px 0 0; font: normal 15px/21px Verdana; color:#494a4a; }
.rot-eval-form input[type='text'], .profile-form input[type='password'], .profile-form textarea{ width:180px; border:1px solid #ccc; background:#ffffff; height:25px; font: normal 13px/21px Verdana, Geneva, sans-serif; color:#494a4a; }
.rot-eval-form select{ padding:5px; font: normal 13px/21px Verdana, Geneva, sans-serif; }
.rot-eval-form input[type='submit'], .profile-form input[type='button']{ width:95px; margin:0 5px 0 0; height:30px; cursor:pointer; font: normal 15px/21px Verdana; }
.rot-eval-form select{ width:225px; }
.rot-eval-form button{ height:30px; margin:0 0 0 5px; cursor:pointer; }
.error{color:red;}

/** Complete Rotation Evaluation Styles Ends Here **/


/** Inner Page Styles **/
#breadcrumb{ width:100%; float:left; margin:10px 0; }
.breadcrumb{
	margin: 0 auto;
	clear:both;
    max-width: 960px;
}
.breadcrumb, .breadcrumb a{ font: normal 12px/21px Verdana; color:#494a4a; }
.breadcrumb a{ text-decoration:underline; }


.putfrm td, .putfrm th, .put1frmgrp td, .put1frmgrp th{ padding:6px; border:none; font:12px Verdana, Geneva, sans-serif; position:relative; }
.putfrm input[type='text'], .putfrm select, .put1frmgrp select, .put1frmgrp input[type='text']{ width:200px; border-radius:3px; border:1px solid #ccc; padding:5px; }
.putfrm select, .put1frmgrp select{ width:213px; }
.putfrm input[type='submit'], .putfrm input[type='file'], #page-pp-frm input[type='submit']{ min-width:80px; height:30px; cursor:pointer; }
.putfrm span.error, .put1frmgrp span.error{ display:block;}

a.add-more-link, #page-pp-frm a.add-more-link, #edit-opt a{ font:normal 13px/15px Verdana, Geneva, sans-serif; color:#C63; }

#edit-opt{ margin:0 0 10px; border:1px solid #ccc; }
#edit-opt a{ float:right; }
.putfrm input[type='file']{ margin:5px 20px 0 0; float:left; width:202px; }


span.pp-username{ width:25%; float:left; }


#message {
  clear: both;
  color: #f00;
  display: block;
  float: left;
  margin: 15px 0 5px;
  width: 100%;
}


.edit-permission select{ margin:3px 25px 3px 0; }

.pages-list{ width:100%; background:#f2f9ff; border-top:1px solid #62a8e3; border-right:1px solid #62a8e3; border-left:1px solid #62a8e3; margin:0 0 20px 0; }
.pages-list h3, .pages-list h3 a{ font:normal 16px Verdana, Geneva, sans-serif; color:#C63; float:right; }
.pages-list td{ padding:5px; font:12px Verdana, Geneva, sans-serif; }
.pages-list th{ padding:5px; font:bold 14px Verdana, Geneva, sans-serif; text-align:left; }
.pages-list td, .pages-list th, .edit-permission td, .edit-permission th{ border:none; border-bottom:1px solid #62a8e3; text-align:left; }
.edit-permission td, .edit-permission th{ padding:5px; }
.pages-list a{ color:#499ee6; min-width:30px; text-align:center; float:left; }
.pages-list span{ float:left; margin:0 5px; } 


p.add-link{ margin:0 0 10px 0; float:left; width:100%; }
p.add-link a{ font:normal Verdana, Geneva, sans-serif; color:#C63; float:right; }
.top-menu{
	float:right; text-align:right; margin:20px 0 0;
}
.top-menu ul li{ float:left; position:relative; }
.top-menu a{
	color:#c63;
	padding:5px;
	display:inline;
}
.top-menu a:hover, select-link, .top-menu li:hover a{
	color:#fff;
	background:#0063a9;
}
.rightalign{
	text-align:right !important;
}
.rightalign p{ float:right; }
.desc-icons{
	border:1px solid #000;
	margin:0 auto 10px;
}
.page-ping{
	font-weight:bold;
	color:#620000;
}
.errorMessage{
color:red;
}

.top-menu .sub-menu{ display:none; position:absolute; top:20px; left:17px; padding:3px; background:#0063a9; }
.top-menu ul li:hover > ul{ display:block; }
.top-menu .sub-menu li{ width:150px; float:left; }
.top-menu .sub-menu a{ width:100%; display:block; text-align:left; color:#fff; padding:0 0 2px 5px; *width:150px; }
.top-menu .sub-menu a:hover{ text-decoration:underline; }


/* menu for users */



/* Horizontal-Vertical Menu - http://CoursesWeb.net */
#menu-option{ float:left; width:100%; background:url(/images/menu_bg.png) 0 0 repeat-x; *height:32px; }
#m_menu {
 position: relative;
 height:1.7em;
 margin:0 auto;
}
#m_menu ul{
 margin:0 auto;
 list-style-type:none;
 float:left;
 width:100%;
}
#m_menu ul li{
 float: left;
 position: relative;
}
#m_menu ul li a{
	color: #ffffff;
    display: block;
    margin: auto;
	float:left;
    padding:7px 10px;
    text-decoration: none;
	font: normal 16px/16px Verdana, Geneva, sans-serif;
}

#m_menu ul li a:hover, #m_menu ul li ul li a:hover, #m_menu ul li:hover > a{
	background: url(/images/menu_bg_on.gif) 0 0 repeat-x;
    color: #ffffff !important;
}
#m_menu ul li:last-child a{ border:0; }

#m_menu ul li:hover > ul{
 display: block;
}
#m_menu ul li ul{
 position: absolute;
 top:100%;
 left:0;
 display: none;
 
 padding:0;
 width:125px;
 background:#3ec0dd;
}
#m_menu ul li ul li{
 float: none;
 position: relative;
 margin:0;
 text-align:left;
 width: 100%;
}
#m_menu ul li ul li a{
	color: #ffffff;
    font: normal 13px/13px Verdana, Geneva, sans-serif;
    height: auto !important;
    padding: 7px 0 7px 5px;
    text-align: left;
	width: 100%;
}
#m_menu ul li ul li ul{
 position: absolute;
 z-index:1;
 top:0;
 left:100%;
 display: none;
}
#m_menu ul li ul li .litems:after {
 /*content: "    >>";*/
 color: #fff;
 font-weight: 600;
 font-size:7px;
 margin:-7px 5px 0;
 /*-moz-margin:-14px 5px 0;*/
 float:right;
}

/* menu for users end */

/* menu for category - pages user */
/* Vertical-Horizontal Menu http://CoursesWeb.net */
#vm_menu  ul{
 position: relative;
 width: 125px;
 text-align: center;
 float:left;
 clear:both;
}
#vm_menu h3 {
  font: bold 13px Verdana,Geneva,sans-serif;
  padding: 5px 5px 5px 0;
  float:left;
  color:#0063a9;
}
#vm_menu ul{
 margin:0 auto;
 list-style-type:none;
 padding:0 .1em;
}
#vm_menu ul li{
 position: relative;
 text-align:left;
 font-weight: 800;
 float:left;
 width:100%;
}
#vm_menu ul li:hover{
 -moz-border-radius:0;
 -webkit-border-radius:0;
 -khtml-border-radius:0;
 border-radius:0;
}
#vm_menu ul li a{
 display: block;
 color: #000;
 width:90%;
 text-align:left;
 font:15px Tahoma,Geneva,sans-serif;
 font-family:Calibri;
 text-decoration:none;
}
#vm_menu ul li ul{
 position: absolute;
 top:2px;
 left:100%;
 display: none;
 border:1px dashed #0001b0;
 background-color: #0063a9;
 padding:.1em;
 width:100%;
}
#vm_menu ul li ul li{
 position: relative;
 font-weight: 500;
 float:left;
 width:100%;
}
#vm_menu ul li ul li:hover, #vm_menu ul li ul li a:hover{ background: #5199df; }
#vm_menu ul li ul li a{
 white-space: nowrap;
 line-height:120%;
}
#vm_menu ul li ul li ul{
 position: absolute;
 top:0;
 left:100%;
 display: none;
 border:1px dashed #0001b0;
 background-color: #0063a9;
}
#vm_menu ul li :before{
 content: url('/images/app-icons/folder-closed1.png') "  ";
 margin:-3px 5px -5px 0;
 float:left;
}
#vm_menu ul li .litems:before {
 content: url('/images/app-icons/folder-icon.png') "  ";
 color: #fff;
 font-weight: 600;
 margin:0px 7px -5px 3px;
 float:left;
}
#vm_menu .firsrli {
 color:#fff;
 box-shadow:.15em .13em .25em #6789da inset;
 -webkit-box-shadow:.15em .13em .25em #6789da inset;
 -moz-border-radius:.5em;
 -webkit-border-radius:.5em;
 -khtml-border-radius:.5em;
 border-radius:.5em;
 background: #0809be;
 background-image: -ms-linear-gradient(top, #0809be, #cfd0fe);     /* IE10 */
 background-image:-moz-linear-gradient(top, #0809be, #cfd0fe 95%);     /* Mozilla */
 /* for Safari, Chrome */
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0809be), color-stop(0.9, #cfd0fe));
 background-image: -o-linear-gradient(top, #0809be, #cfd0fe);          /* Opera 11.1+ */
 background: linear-gradient(top, #0809be, #cfd0fe);          /* W3C Markup */
}

.pages-list span.file-category{ height:18px; display:block; background:url(/images/app-icons/file-icon.png) 0 center no-repeat; padding:0 0 0 20px; margin:0 3px; }
/* end page */

@media screen and (max-width:959px)
{
	.login-div{ margin: 20px 0 0 10px;}
	.container-info{  width: 60%;}
	.footer-links{ margin:0 10px;}
	
	.view-evaluation-content{ margin: 0 1% 15px; width: 98%;}
	.filter-evaluations{ width:80%; margin: 50px 0 0;}
	.check-all-eval{ margin:10px 10px 10px 0;}
}


/** Add User Form Styles **/
.user-name-form{ }
.user-name-form li{ float:left; width:100%; margin:0 0 10px 0;}
.user-name-form label{ width:20%; float:left; }
.user-name-form textarea{ width:305px; height:80px; }
.user-name-form input[type='text'], .user-name-form input[type='email'], .user-name-form input[type='password'], .user-name-form select{
	border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    width: 300px;
}
.user-name-form input[type='file']{ font:12px Verdana,Geneva,sans-serif; }
.user-name-form select{ width:312px; }
.user-name-form input[type='submit'], .user-name-form input[type='button']{
	cursor: pointer;
    height: 30px;
    min-width: 80px;
	font: 12px Verdana,Geneva,sans-serif;
}
.user-type-options{ float:left; }