
/* Main CSS theme Style */
/* 
********************************************
Arabic style for Subsite  [RTL]
Author: Surajit Kayal (skayal.c@ksu.edu.sa);
http://pd.ksu.ed.sa;
********************************************
*/

@import url(http://fonts.googleapis.com/css?family=EB+Garamond);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

a, a:hover, img:hover, li:hover, div:hover, .box a {
    transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

/* =Structure
----------------------------------------------- */
body {
	background: url("../images/body_bg.png") repeat scroll right center #f8f8f8;
	line-height: 1;
	text-align: left;
	font-family: 'Droid Arabic Kufi', serif;
	font-size: 13px;
	font-weight: 400;
	margin: 0;

}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

p{
	font-size: 13px;
}


a:link {
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #2980b9;
    text-decoration: none;
}

/* =KSU-BAR
----------------------------------------------- */
#ksu-bar {
	border: 0;
	background: url(../images/ksu-bg.png) bottom repeat-x #083986;
	max-width: 100%;
	height: 60px;
}

#ksu-bar .inner {
	max-width: 960px;
	margin: 0 auto;
}

#ksu-bar .inner .part {
	background: none;
	float: right;
	width: auto;
	margin-top: 10px;
	line-height: 20px;
}

#ksu-bar .inner .part a {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	margin-left: 6px;
	margin-right: 6px;
	padding: 0 5px;
}
#ksu-bar .inner .part a:hover {
	color: #fff;
	text-decoration: none;
	background: #022359;
	padding: 0 5px;
}

#ksu-bar .inner .part.one {
	/*background: #082e6c;*/
	margin-top: 10px;
}
#ksu-bar .inner .part.two {
	/*background: #022359;*/
	margin-top: 10px;

}
#ksu-bar .inner .part.three {
	/*background: #00163b;*/
	margin-top: 10px;
	text-transform: uppercase;
}
#ksu-bar-close {
	background: #134699;
	max-width: 100%;
	height: 10px;
}

#ksu-bar-close .inner {
	max-width: 960px;
	margin: 0 auto;
}

#ksu-bar h3 {
	display: block;
	width: 42px;
	height: 45px;
	background: url(../images/bar-close.png) no-repeat;
	margin-top: 60px;
	position: absolute;
	left: 0;
	cursor: pointer;
}

#ksu-bar-close .inner h2 {
	display: block;
	width: 42px;
	height: 50px;
	background: url(../images/bar-open.png) no-repeat;
	margin-top: 10px;
	position: absolute;
	left: 0;
	cursor: pointer;
}

/* =MainLayout
----------------------------------------------- */

#page {
	margin: 0 auto;
	max-width: 100%;
}

/* =Header
----------------------------------------------- */
#header {
	border: 0;
	background: url(../images/header-bg.png) repeat-x;
	margin: 0 auto;
	max-width: auto;
}

#header .inner {
	margin: 0 auto;
	max-width: 960px;
	height: 158px;	
	overflow: hidden;
}

#header .inner .logo {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 89px;
    margin-bottom: -12px;
    margin-top: 12px;
    width: 196px;
}

.logo a img {
	background: #f8f8f8;
	width: 200px;
	height: 60px;
	display: block;
	float: right;

}
.logo span {
	color: #0a3477;
	font-size: 22px;
	float: right;
	margin-top: 15px;
	padding: 5px;
}
#header .inner .head-bar {
	width: 100%;
	overflow: hidden;
	margin-top: 28px;
	float: right;
}
/* Social links style */
#header .inner .sociale { 
	border: 0px solid red;
	overflow: hidden;
	max-width: 300px;
	float: left;
}
.sociale li {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}

.sociale li.twitter a {
    width: 24px;
    height: 24px;
    display: block;
    background: url(../images/twitter.png)  no-repeat #11408E;
    margin: 0 auto;
}
.sociale li.twitter a:hover {
    background: url(../images/twitter.png)  no-repeat #00afff;
}
.sociale li.facebook a {
    width: 24px;
    height: 24px;
    display: block;
    background: url(../images/facebook.png)  no-repeat #11408E;
    margin: 0 auto;
}
.sociale li.facebook a:hover {
    background: url(../images/facebook.png)  no-repeat #5a79b4;
}
.sociale li.shasha a {
    width: 24px;
    height: 24px;
    display: block;
    background: url(../images/shasha.png)  no-repeat #11408E;
    margin: 0 auto;
}
.sociale li.shasha a:hover {
    background: url(../images/shasha.png)  no-repeat #f4b921;
}
.sociale li.youtube a {
    width: 24px;
    height: 24px;
    display: block;
    background: url(../images/youtube.png)  no-repeat #11408E;
    margin: 0 auto;
}
.sociale li.youtube a:hover {
    background: url(../images/youtube.png)  no-repeat #db2e2e;
}
/* =Navigation
----------------------------------------------- */
.head-bar .top-nav {
	width: 958px;
	float: left;
}

#menu-icon {display: none;}

.top-nav ul li {
	float: left;
	padding:0;
}
.top-nav li {
	min-width: 90px;
	text-align: center;
	line-height: 38px;
}
.top-nav li:hover {
    background: none repeat scroll 0 0 #11408E;
    height: 39px;
    margin-top: 1px;

	-webkit-box-shadow: 1px 1px 10px #041F5F inset;
	-moz-box-shadow: 1px 1px 10px #041F5F inset;
	box-shadow: 1px 1px 10px #041F5F inset;
}

.top-nav li a {
    color: #FFFFFF;
    display: block;
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 2px #222222;
	
	-webkit-text-shadow: 0 0 2px #222222;
	-moz-text-shadow: 0 0 2px #222222;

}

.head-bar .search {
	max-width: 30%;
	float: left;

}

.search input {
	border: 1px solid #fff;
	padding: 1px 5px;
	margin: 5px;
	font-family: 'Droid Arabic Kufi';
	font-size: 12px;
	float: right;
	text-align: right;
	direction: rtl;
}

.search_submit {
	background: url(../images/go.png) no-repeat;	
	width: 24px;
	height: 24px;
	display: block;
	border: 0 !important;
	background-position: 0 5px;
}


/* =Slider
----------------------------------------------- */

#slider img {
	background: url(../images/slider-bg.png) no-repeat #fff;
	border: 1px solid #999;
	max-width: 960px;
}

/* =ContentMain
----------------------------------------------- */
#content-main {
	margin: 10px auto;
	max-width: 960px;
/*	min-height: 300px; */
}



/* =Blocks
----------------------------------------------- */
#blue-bar {
	background: #11408e;
	max-width: 960px;
	min-height: 10px;
	margin: 0;
}
#blocks {
	border: 1px solid #dedede;
	background: #fff;
	max-width: 960px;
	height: auto;
	margin: 0 0 30px;
	overflow: hidden;
}
#content-main #blocks {
  min-height: 400px;
}
#blocks .left {
	border: 0px solid #999;
	overflow: hidden;

	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
#blocks .right {
	border: 0px solid #999;
	overflow: hidden;
	width:245px;
	float: right;
	margin-top: 20px;
	margin-right: 10px;
}

.left .row-1, .left .row-2 {
	margin-bottom: 20px;
	overflow: hidden;
}

.left .row-1 {
	background: #eff3f4;
	min-height: 300px;
	width: 670px;
	border-top: 1px solid #d9d9d9;
}


.content .field-type-text-with-summary li a {
    color: 222;
    line-height: 32px;
    padding: 5px 10px;
    text-decoration: none;
    border-left: 1px solid #1abc9c;
    line-height: 40px;
}
.content .field-type-text-with-summary li a:hover {
    background: #2980b9;
    color: #fff;
}
/* =Tabs
----------------------------------------------- */

#tabs ul {
	border-bottom: 10px solid #dadedf;
	float: right;
	width: 100%;
	background: #fff;
}
#tabs ul li {
	float: right;
	border-bottom: 8px solid #dadedf;
	line-height: 32px;
	top: 8px;
	position: relative;
}
#tabs ul li.active, #tabs ul li.active a {
	border-bottom: 8px solid #01a6ea;
	color: #01a6ea;
	text-decoration: none;
}
#tabs li a {
	color: #797979;
	font-size: 14px;
	padding: 5px 20px;
	text-decoration: none;
}
#tabs .tab-box {
	overflow: hidden;
	float: right;
}
#tabs .tab-box .cont {
	border: 0px solid red;
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
}

.tab-box .cont .item {
	border: 0px solid red;
	overflow: hidden;
	max-width: 200px;
	min-width: 200px;
	float: right;
	margin-left: 10px;
}
.tab-box .cont .item, .first {
}

.tab-box .cont .item .box {
	color: #fff;
	background: #364153;
	height: 80px;
	padding: 10px;
	line-height: 20px;
	z-index: 999;
	margin-top: 0px;
	position: relative;
}

.tab-box .cont .item .box h2 {
	min-height: 80px;
	margin-bottom: 10px;
}
.tab-box .cont .item .box h3 {
	font-size: 10px;
	line-height: 16px;
	color: #d9d9d9;
}

.tab-box .cont .item .box:hover {
	color: #fff;
	background: #364151;
	min-height: 200px;
	padding: 10px;
	line-height: 20px;
	margin-top: -120px;
	position: relative;

    transition: none;
    -o-transition: none;
    -moz-transition: none
    -webkit-transition: none;
}

.tab-box .cont .item .box:hover h2 {
	min-height: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #657082;
}
.tab-box .cont .item .box a  {
	color: #fff;
	text-decoration: none;
}
.tab-box .cont .item .box a:hover  {
	color: #01a6ea;
	text-decoration: none;
}


.left .row-2 .col-main {
	max-width: 48%;
	min-width: 48%;
	float: right;
	margin-right: 0;
	background: #ce483d;
	min-height: 282px;
}
.left .row-2 .col-main.last {
	margin-right: 25px;
	background: #47677d;
	color: #fff;
}

.left .row-2 .col-main h1 {
	font-size: 16px;
	padding: 20px 20px 0;
}

.left .row-2 .col-main p {
	padding: 20px 20px 0;
	line-height: 18px;
	min-height: 182px;
}
.left .row-2 .col-main ul p, .left .row-2 .col-main ul h1 {
	padding: 20px 5px 0 10px;
	color: #fff;
}
.left .row-2 .col-main h2 a {
	background: #718e9f;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	float: left;
}
.left .row-2 .col-main h2 a:hover {
	background: #34556b;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	float: left;
}

.right .side-menu {
	background: #e3ebed;
	margin-bottom: 20px;
}

.side-menu li {
	line-height: 33px;
	padding: 2px 15px 0;
	border-bottom: 1px solid #eef4f6;
	border-right: 1px solid #e3ebed;
	font-size: 12px;
}
.side-menu li:hover {
	background: #c6dee4;
	border-right: 1px solid #718e9f;
}

.side-menu li a {
	color: #777;
	text-decoration: none;
}

.side-menu li a:hover {
	color: #11408e;
	text-decoration: none;
}

.right .block-title {
	display: none !important;
}

.content .menu {
	margin-bottom: 20px;
	margin-right: -40px;
}
.menu li {
	background: #e3ebed;
	line-height: 33px;
	padding: 2px 15px 0 !important;
	border-bottom: 1px solid #eef4f6;
	border-right: 1px solid #e3ebed;
	font-size: 12px;
	text-align: left;
	list-style: none !important; 
}
.menu li:hover {
	background: #c6dee4;
	border-right: 1px solid #718e9f;
}
.menu li a {
	color: #777;
	text-decoration: none;
}
.menu li a:hover {
	color: #11408e;
	text-decoration: none;
}

.right .side-message {
	background: #3c80f5;
	margin-bottom: 20px;
}
.right .side-message:hover {
	background: #666;
}

.side-message {
	line-height: 18px;
	padding: 10px;
	font-size: 12px;
	color: #fff;
}

.side-message h1 {
	font-size: 16px;
	padding: 10px 0;
}
.side-message p {
	padding: 10px 0;
}
.side-message p img {
	border: 1px solid #fff;
	float: right;
	margin-left: 10px;
}

.right .side-login {
	background: url(../images/login.png) right no-repeat #00a9ec;
	margin-bottom: 15px;
}

.side-login {
	line-height: 18px;
	padding: 10px;
	font-size: 15px;
	color: #fff;
}

.side-login a {
	color: #fff;
	text-decoration: none;
	padding-right: 30px;
}
.side-login a:hover {
	color: #333;
}


/* =Footer
----------------------------------------------- */
#footer {
	border: 0;
	background: url(../images/header-bg.png) repeat-x #fff;
	margin: 0 auto;
	max-width: auto;
}

#footer .row-1 {
	background: #010729;
	margin: 0 auto;
	max-width: auto;
	overflow: hidden;
	display:none;
}

#footer .row-2 {
	background: #000519;
	margin: 0 auto;
	max-width: auto;
	overflow: hidden;
}

#footer .row-1 .cont {
	max-width: 960px;
	margin: 0 auto;
}

#footer .menu li {
	border: 0;
	border-bottom: 1px dotted #05104b;
	background: none;
}
#footer .menu li:hover {
	border-bottom: 1px dotted #555;
}
#footer .menu li a {
	color: #fff;
}
#footer .menu li a:hover {
	color: #555;
}
.cont .col-1 {
	color: #fff;
	width: 290px;
	float: right;
	margin: 10px 0 30px 10px;
}

.cont .col-1, .first {
}

.col-1 h1 {
	font-size: 14px;
	border-bottom: 1px solid #656364;
	padding: 10px 0;
	margin: 5px 0 15px;
}

.col-1 p {
	line-height: 20px;
	font-size: 12px;
	color: #dedede;
}

.copyright{
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	padding: 10px 5px;
	font-size: 12px;
}

.copyright a {
	color: #157ee9;
	text-decoration: none;
}
.copyright a:hover {
	color: #CCC;
	text-decoration: none;
}


/* custom css */
.left #page-title {
    border-bottom: 1px solid #3498DB !important;
    color: #3498DB !important;
    font-size: 22px !important;
    margin-bottom: 20px !important;
    text-shadow: none !important;
    width: 920px !important; 
}

#footer h2.block-title {
	display: none;
}

#homepage-blocks {
display:inline;
}

#homepage-blocks p {
    color: #333;
    font-size: 11px;
    padding: 5px;
}


.statistics-block {
width:320px;
display:inline;
    float: right;
	
}

.messagebox{
	/*position:absolute;
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px; */
	background: #e74c3c;
	font-size: 10px;
	color: #fff;
	padding: 5px 15px;
	float: right;
	margin-right: 30%;
	position: relative;
	margin-top: -30px;
}
.messageboxok{
	/*position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000; */
	background: #27ae60;
}
.messageboxerror{
	/*position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000; */
	background: #e74c3c;
}

#mission-block {
 margin: 10px;
}

#mission-block .title {
    color: #11408E;
    font-size: 22px !important;
    text-shadow: none !important;
}

.mission {
    display: inline-block;
    margin-right: 13px;
    text-align: justify;
    vertical-align: top;
    width: 330px;
}

.vision {
    display: inline-block;
    text-align: justify;
    vertical-align: top;
    width: 330px;
}

.added-data {
    display: inline-block;
    vertical-align: top;
    width: 241px;
    background: none repeat scroll 0 0 #F5F5F5;
    border-color: #E5E5E5 #F9F9F9 #C5C5C5 #E5E5E5;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
	color: #666666;
    font-weight: bold;
	font-size:12px;
	float:left;
}



.step-block {
display:inline-block;
}

.inside-news{
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 25px;
    clear:both;
    width: 100%;

}
.view-mission-vision {
    float: left;
    margin-right: 5px;
}
.inside-news  li {
    border-bottom: 1px dashed #9D9D9D;
    direction: rtl;
    line-height: 20px;
    list-style-type: none;
    margin-top: 5px;
    padding-bottom: 5px;
    text-align: right;
}
.inside-news  li a {
    color: #106AD7;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
.inside-news  li a:hover {
	color:#2B2B2B;
}
#congrants{
    background: url("../images/success.png") no-repeat scroll right center #fff;
    font-family: verdana;
    font-size: 12px;
    min-height: 168px;
    padding: 20px;
    width: 900px;
}

.view-publications , .view-people {
    background-color: #FFFFFF;
    float: right;
    padding: 10px;
}
.view-people {
	background-color: #F1F1F1;
}

.view-people .views-row {
    background-color: #FBFBFB;
    border-bottom: 1px solid #11408E;
    border-top: 6px solid #11408E;
    float: left;
    font-family: verdana;
    height: 81px;
    margin: 10px 15px;
    max-height: 173px;
    padding: 10px;
    text-align: center;
}
.view-people .general-views-photo img {
    padding: 5px;
}
.view-people .general-views-title , .view-people .general-views-user_ws , .view-people .general-views-user_email {
	text-align:left;
}
.view-people .general-views-photo {
	float:left;
}
.general-views-groups .ppl-title , .general-views-groups .ppl-body , .general-views-groups .ppl-file , .general-views-groups .ppl-date {
    background-color: transparent;
    border: 1px solid #D0D0D0;
    color: #2F2E2E;
    font-family: verdana;
    margin: 10px 5px;
    padding: 10px;
}

.general-views-groups {
    background-color: #F1F1F1;
    border-top: 6px solid #11408E;
    float: left;
    margin: 10px 0;
    width: 900px;
}


.fullurl {

}

.fullurl b {
color: red;
}

.view-id-people .general-views-photo {
    height: 80px;
    overflow: hidden;
}

.required {
    color: red;
    display: inline-block;
}

.add-data h1 {
	border-bottom: 1px solid #1abc9c;
	line-height: 25px;
}

.add-data h1 span {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	background: #1abc9c;
	margin: 0;
	padding: 5px 10px;
}
.member-name {
    background-color: none;
    border-bottom: 1px solid #d9d9d9;
    float: left;
    font-size: 11px;
    padding: 5px;
    padding-bottom: 5px;
    padding-right: 0;
    width: 99%;
}

.member-name:hover {
	background: #ecf0f1;
}

.delete-node {
}

.control-members {
display:inline;
font-size: 9pt;
}

.next-button {
    /*background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #CCCCCC;
    color: #666666;
    cursor: pointer;
    display: inline;
    float: right;
    font: bold 10px/26px Tahoma,Arial,Helvetica,sans-serif;
    height: 26px;
    letter-spacing: 1px;
    padding: 0 2px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 55px; */
}

.next-button a {

}

.sidebar-news{
    border-right: 1px dashed #CCCCCC;
    display: inline;
    float: left;
    padding-right: 24px;
    width: 200px;

}

ul.sidebar-block {

font-family:'Open Sans';
font-size:12pt;

}

ul.sidebar-block a {

    color: #11408E;
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 10px;
    text-decoration: none;

}

ul.sidebar-block a:hover {
    color: #06BF04;
}

ul.sidebar-block li {

}

.divider {
    background: url("../images/divider.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 7px;
    margin-bottom: 40px;
    width: 100%;
}

.divider-with-title {
    
    position: relative;
    width: 100%;
}
.divider-with-title .title {

    float: left;
    height: 20px;
    margin-bottom: 10px;
    padding-bottom: 7px;
    width: 100%;
}
.divider-with-title .title h4 {
    background-color: #34495e;
    border-bottom: medium none;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 3px 10px;
}
.divider-with-title a.title-link {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #252525;
    float: right;
    font: 13px 'Helvetica Neue',Archivo Narrow,Arial,sans-serif;
    padding-left: 20px;
    padding-top: 4px;
}

.others-container {
display:inline-block;
}

.first-block {
    display: inline-block;
    margin-right: 5px;
    max-width: 240px;
    min-width: 240px;
}

.second-block {
    display: inline-block;
    margin-right: 5px;
    max-width: 240px;
    min-width: 240px;
}

.third-block {
    display: inline-block;
    margin-right: 5px;
    max-width: 240px;
    min-width: 240px;
}

.fourth-block {
    display: inline-block;
    margin-right: 5px;
    max-width: 240px;
    min-width: 240px;
}

.list-contents li {
    border-bottom: 1px solid #d9d9d9;
    color: #333;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    list-style-type: none;
    margin-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
}

.list-contents li:hover {
	color: #2980b9 !important;
}

.page-create .first-step #egend_steps, .page-create .second-step #egend_steps, .page-create .third-step #egend_steps, .page-create .fourth-step #egend_steps {
    background: url("../images/wizard_steps_bg.png") top center no-repeat #ecf0f1  !important ;
    height: 45px !important;
    margin-bottom: 26px !important;
    margin-top: -41px !important;
    width: auto;
    border: 10px solid #ecf0f1;
}
.page-create .second-step #egend_steps {background-position: 0 -47px !important;}
.page-create .third-step #egend_steps {background-position: 0 -94px !important;}
.page-create .fourth-step #egend_steps {background-position: 0 -141px !important;}

.page-create .first-step #egend_steps h2.step1, 
.page-create .second-step #egend_steps h2.step2, 
.page-create .second-step #egend_steps h2.step1, 
.page-create .third-step #egend_steps h2.step3, 
.page-create .third-step #egend_steps h2.step1, 
.page-create .fourth-step #egend_steps h2.step4 ,  
.page-create .fourth-step #egend_steps h2.step1  {
    color: #e74c3c;
    font-size: 16px;
    margin-left: 65px;
}
.page-create #egend_steps h2 {
    color: #697576;
    float: left;
    font-weight: normal;
    margin: 0 10px;
}
.page-create #egend_steps h2.step2 {
    margin-left: 110px !important;
    font-size: 16px;	
}
.page-create #egend_steps h2.step3 {
    margin-left: 120px;
    font-size: 16px;	
}
.page-create #egend_steps h2.step4 {
    margin-left: 115px;
    font-size: 16px;	
}


.page-create .third-step #egend_steps h2.step3 , 
.page-create .fourth-step #egend_steps h2.step4 {
	margin-left: 105px;
}


.page-create .second-step h2.step1 , 
.page-create .third-step h2.step1 , 
.page-create .fourth-step h2.step1 
 {
    color: #BFBFBF !important;
}

.page-create .third-step .NFButton , 
.page-create .fourth-step .NFButton
 {
    float: left;
    margin-top: 3px;

}

.page-create fieldset.action {
    border-bottom: 1px solid #16a085;
    margin-top: 30px;
}

.page-create legend  {
	margin:0;
	width: 221px !important;
}
.page-create .added-data  {
    /*border: medium none;
    position: relative;
    right: 16px;
    top: -242px; */
}
.page-create .fourth-step .added-data {
	top: -338px;
}

.page-create .NFButton , 
.page-create .next-button,
.add-member
 {
    /*background: url("../images/next_step.png") no-repeat scroll 0 0 transparent;
    border: medium none !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    font: bold 14px/23px verdana !important;
    height: 28px !important;
    padding: 0 !important;
    text-transform: none !important;
    width: 99px !important;
	margin-right: 22px;
	float: right; */
	background: #16a085 !important;
	color: #fff !important;
	padding: 5px 15px !important;
	border: 0 !important;
	background-image: none !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
	float: right;

}
.add-member {
	float: left;
	padding-bottom: 8px !important;
}
.page-create .NFButton {
	/*background: url("../images/add_step.png") no-repeat scroll 0 0 transparent !important;	*/
}

.page-create .NFButton:hover , 
.page-create .next-button:hover,
.add-member:hover
 {	
	background: #333 !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}

.page-create .third-step .next-button a , 
.page-create .fourth-step .next-button a
 {
    color: #FFFFFF;
}

.page-create .NFText {
    /*background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1) inset !important;
    font: 12px/15px Arial,Helvetica,sans-serif !important;
    height: 21px !important;
    padding: 5px !important;
    vertical-align: middle !important;
    width: 225px !important; */
    margin-bottom: 0;
}
.page-create .NFTextCenter {
   /* background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #D6D6D6 !important;
    border-radius: 0 0 0 0 !important;
    float: left !important;
    height: 30px !important;
    line-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 234px !important; */
}

.page-create label {
    font-size: 12px !important;
}



#header .inner .logo {
	width: 257px !important;
}

#block-system-main table tr {
    background-color: #F5F5F5;
    border-bottom: 1px solid #D3D3D3;
	height: 25px;
	}
.more a{
    background-color: #1abc9c;
    color: #FFFFFF;
    padding: 2px 10px;
    position: relative;
    top: 8px;
}
.more a:hover {
    background-color: #16a085;
    color: #FFFFFF;
}
.fieldset-wrapper table.sticky-enabled a {
    background-color: #1abc9c;
    border-bottom: 1px solid #16a085;
    color: #FFFFFF;
    font-family: tahoma;
    padding: 2px 10px;
    top: 8px;
    font-size: 12px;
}
.fieldset-wrapper table.sticky-enabled a:hover {
    background-color: #16a085;
}

.vertical-tabs ul.vertical-tabs-list li a {
    display: block;
	font-weight: normal;    
    padding: 0.5em 0.6em;
    text-decoration: none !important;
}
.vertical-tabs ul.vertical-tabs-list li a:hover {
    text-decoration: none !important;
}

ul.primary li a .tab {
	font-family: verdana;
}
.node-type-searchers-group #block-system-main table {
	width: 100%;
}
.member-delete-button a , 
.member-edit-button a {
    background-color: #3498db;
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    margin-left: 5px;
    margin-top: -20px;
    padding: 2px 5px;
}
.member-edit-button a:hover {
	background: #2980b9;
	color: #fff;
}
.member-delete-button a {
	background: #e74c3c;
}
.member-delete-button a:hover {
	background: #c0392b;
	color: #fff;
}
.member-delete-button , 
.member-edit-button {
    position: relative;
    top: -8px;
}


.node .content {
	background: #f8f8f8;
	border: 1px solid #D9D9D9;
	padding: 10px;
	font-size: 13px;
}


 
dt {
	overflow: hidden;
	min-width: 280px;
	float: left;
}

dl {
	margin-left: 0;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden;
	padding: 10px 0 15px 5px;
}

dl:hover {
	background: #ecf0f1;
}
.NFMultiSelectLeft, .NFTextareaLeft {
    height: 0 !important;
}

.NFTextareaLeft:focus {
    height: 0 !important;
    border: 1px solid red !important;
}

legend {
	font-size: 14px !important;
	font-weight: normal;
}