/*
    Document   : layout
    Created on : 09/02/2012, 11:06:39 AM
    Author     : Preethi
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


root {
    display: block;
}

input:focus {
        /*border: 1px solid #B6CBD3;*/
		background-color:#FFFFEA;
}

/* -------- Fieldset ------------ */


/***
fieldset {
margin: 0 0 15px 0;
background-color: #FDFBF7;
font-family: arial;
padding:10px 5px 10px 5px;
border:1px solid #DDC382;
background-image: url(../images/fieldset_bg.jpg);
background-repeat: repeat-x;
}

fieldset legend {
font-weight:bold;
letter-spacing:1px;
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#BB8704;
background-color:#fff;

}


fieldset input, fieldset select, fieldset textarea {
border:1px solid #ACC4CC;
float:left;
margin:0;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
padding:2px;
width:250px;
}

fieldset select {width:186px}

fieldset p, fieldset table {margin-left:5px;}

fieldset ul {
padding:0;
margin:0;
overflow:hidden;
}

fieldset ul li {
	width:100%;
float:left;
display:inline;
list-style:none;
padding:5px;
clear:both;
}


fieldset ul li.newRow {
clear:both;
}


fieldset p{
line-height:20px;
clear:both;
}


fieldset label {
	float:left;
	width: 200px;
	margin-right:20px;
	color:black;
	text-align:right;
	}


fieldset.helpIcons button.ui-button-icon-only  {width:2.2em; left:5px;}
fieldset.helpIcons .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {padding:0;}
fieldset.helpIcons .ui-widget {font-size:8px}
fieldset.helpIcons .ui-button .ui-button-text {line-height:15px}

***/

    /*-----------FORM STYLES---------------*/

label {
	font-weight:bold;
}

tbody td label {font-weight:normal; font-style:italic}

textarea:focus, input:focus {
        /*border: 1px solid #B6CBD3;*/
		background-color:#FFFFEA;
}


.mandatory, .error { color:#F7CF07; font-size:12px; }

.red_mandatory, .red_error {color:red; font-size:12px}

fieldset ul li .error, fieldset ul li .red_error {margin-left:10px}


input.checkbox {
padding:0;
margin:0 5px 0 0;
border:none;
width:20px !important;
text-align:left;
}

.hidden {
    /*display:none; I've comment this out so you can see the other text field*/
     margin-left:5px;
	 width:150px;
}

.scroll-checkboxes {
    height: 100px;
    padding: 5px;
    overflow: auto;
    border: 1px solid #ACC4CC;
    width: 288px;
	background-color:#fff;
	float:left
}

.sort_asc:after {
    content: '▲';
}

.sort_desc:after {
    content: '▼';
}

.searchContainer {
vertical-align:middle;
width:450px;
text-align:center;
}

#searchTxt {
	font-size:11px;
	font-style:italic;
	color:#30547F;
	width:300px;
	line-height:15px;
	margin:0px auto;
	margin-top:15px;
	}

input.searchBtn {padding:2px 5px 3px !important; margin-right:10px}
input.searchField {
	padding:5px !important;
	width:220px;
	border:1px solid #ACC4CC;
	margin-right:5px;
}

.pageNumbers {
	margin:5px 10px;
}

/* -- form custom -- */
form ul {
margin:0;
padding:0;
}

form ul li {
	width:100%;
float:left;
display:inline;
list-style:none;
padding:5px 0;
clear:both;
}




form label.program_details {
	float:left;
	width: 200px;
	margin-right:15px;
	}
.program_details {
	float:left;
	width: 200px;
	margin-right:15px;
        font-weight: bold;
	}
.event-details label{
    float:left;
    width: 200px;
    margin-right:15px;
    font-weight: bold;
}



/*-----------LOGIN STYLES---------------*/
.login-wrapper {
    text-align: center;
}
.login-wrapper input{
   width:180px;
}
.login-box-wrapper {
    width: 450px;
    margin: 0 auto;
    text-align: center;

}
.loginBox, .searchContainer {
	border:2px solid #CED8E4;
	font-size:14px;
	padding:20px 30px 20px 20px;
	text-align:center;
	margin-bottom:10px;
}

.loginBox fieldset {
border:none;
background:none;
padding:0;
}

.loginBox fieldset label {
width:120px;
padding:6px 10px;
text-align:right;
}

.loginBox fieldset li {padding:0}
.loginBox fieldset input {margin-top:6px}



#errorMsg {
	color:#fff;
	border:	1px solid #fff;
	background-color:#C84F3A;
	padding:5px;
	font-size:12px;
	margin-bottom:10px;
	font-weight:bold;
	}

.highlightMsg {
	color:#fff;
	border:	1px solid #fff;
	background-color:#587D00;
	padding:5px;
	font-size:12px;
	margin-bottom:10px;
	font-weight:bold;
}

/*-----------MENU BOX---------------*/

.menuBox {
	background-color: #FAFAE7;
    border: 1px dashed #FFE152;
    margin-bottom: 10px;
	padding:5px 10px;
	margin-top:10px;
	text-align:right
}

/*#menuButtons {
	float:right;
}*/

#menuUser {
	top:50%;
	margin-top:2px;
	color:#9F6C00;
	font-style:italic;
        float: left;
}

/*text buttons*/
.menuBox .ui-button-text-only .ui-button-text { padding: .3em 0.6em; font-size:12px }
.menuBox .ui-button {margin-left:4px}

/*home icon with text button */
.menuBox .ui-button-text-icon-primary .ui-button-text, .menuBox .ui-button-text-icons .ui-button-text {padding:0.3em 0.6em 0.3em 1.8em; font-size:12px }
.menuBox .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {top:50% !important; margin-top:-9px !important}
.menuBox .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {left:0.3em}
/*-----------LOGIN STYLES---------------*/
.login-wrapper {
    text-align: center;
}
.login-wrapper input{
   width:180px;
}
.login-box-wrapper {
    width: 450px;
    margin: 0 auto;
    text-align: center;
}
.loginBox, .searchContainer {
	border:2px solid #CED8E4;
	font-size:14px;
	padding:20px 30px 20px 20px;
	text-align:center;
	margin-bottom:10px;
}

.loginBox fieldset {
border:none;
background:none;
padding:0;
}

.loginBox fieldset label {
width:120px;
padding:6px 10px;
text-align:right;
color:#333
}

.loginBox fieldset li {padding:0}
.loginBox fieldset input {margin-top:6px}

.loginBox fieldset input[type="text"], .loginBox fieldset input[type="password"]
{
    border:1px solid #ACC4CC;
    float:left;
    margin:0;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    padding:2px;
    width:205px !important;
    height: 15px !important;
}

#errorMsg {
	color:#fff;
	border:	1px solid #fff;
	background-color:#C84F3A;
	padding:5px;
	font-size:12px;
	margin-bottom:10px;
	font-weight:bold;
	}

.highlightMsg {
	color:#fff;
	border:	1px solid #fff;
	background-color:#587D00;
	padding:5px;
	font-size:12px;
	margin-bottom:10px;
	font-weight:bold;
}


/* TABS */
a.tab {
	color:#fff;
	background-repeat:no-repeat;
    text-decoration: none;
}

a.tab:hover {
	text-decoration:underline;
}


.smallTxt, .smallTxt a
{
    color:whitesmoke;
}

.smallTxt a:hover
{
    color: greenyellow;
}

.title_green_layer {
    display:block;
    width: 960px;
	height:30px;
    margin: 0px auto;
	background-image:url(../images/red-path.png);
	background-repeat:repeat-x;
}

.title_green_layer h3 {
    margin: 0;
    padding: 5px;
}

.yellow_text
{
    color:#F7CF07;
}

ul.no_style_list
{
    list-style-type: none;
    margin-top:20px;
    padding: 0px;
}

ul.no_style_list li
{
    margin-top: 5px;
}

table#position_search_table td
{
    width:250px;
    margin: 0px;
    padding: 0px;
}

table#position_search_table td select, table#position_search_table td input{

    width:200px;
    height:25px;
    border:1px solid #7d7a7a;
    margin: 0px;
    padding: 0px;
}

.admin_update_headings
{
    color:#F7CF07;
    font-weight: bold;
}

#featured
{
    width:890px;
    margin: 0px 0px 5px 0px;
}

#previous_cast, #more_cast {
    width:100%;
    float: left;
    margin: 15px 0px;
}

.cast_sections
{
    width:290px;
    float:left;
    margin:5px 5px 5px 0px;
    padding:5px 5px 5px 0px;
    clear: right;
}

p.cast_heading{
    font-weight: bold;
    margin: 3px 2px;
    font-size: 14px;
}

ul.boxed_lists{
 margin: 0px;
 padding: 0px;
}


.boxed_lists h4{
  padding: 10px;
  margin: 0px;
  font-size:14px;
background: #c8da0f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background-color: #a70c10;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA70C10', endColorstr='#FFA5080A');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3MGMxMCIvPjxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiNlNDMzM2IiLz48c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2JjMDAwMCIvPjxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjYmMwMDAwIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNiZDE0MTkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNTA4MGEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a70c10), color-stop(7%, #e4333b), color-stop(25%, #bc0000), color-stop(44%, #bc0000), color-stop(60%, #bd1419), color-stop(100%, #a5080a));
  background-image: -webkit-linear-gradient(top, #a70c10 0%, #e4333b 7%, #bc0000 25%, #bc0000 44%, #bd1419 60%, #a5080a 100%);
  background-image: -moz-linear-gradient(top, #a70c10 0%, #e4333b 7%, #bc0000 25%, #bc0000 44%, #bd1419 60%, #a5080a 100%);
  background-image: -o-linear-gradient(top, #a70c10 0%, #e4333b 7%, #bc0000 25%, #bc0000 44%, #bd1419 60%, #a5080a 100%);
  background-image: -ms-linear-gradient(top, #a70c10 0%, #e4333b 7%, #bc0000 25%, #bc0000 44%, #bd1419 60%, #a5080a 100%);
  background-image: linear-gradient(top, #a70c10 0%, #e4333b 7%, #bc0000 25%, #bc0000 44%, #bd1419 60%, #a5080a 100%);

 }



 .cast_red_btn{
background-color: #a70c10;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA70C10', endColorstr='#FFA5080A');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3MGMxMCIvPjxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiNlNDMzM2IiLz48c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2JjMDAwMCIvPjxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjYmMwMDAwIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNiZDE0MTkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNTA4MGEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a70c10), color-stop(7%, #e4333b), color-stop(25%, #bc0000), color-stop(44%, #bc0000), color-stop(60%, #bd1419), color-stop(100%, #a5080a));
  background-image: -webkit-linear-gradient(top, #a70c10 0%, #e4333b 7%, #bc0000 25%, #bc0000 44%, #bd1419 60%, #a5080a 100%);
  background-image: -moz-linear-gradient(top, #a70c10 0%, #e4333b 7%, #bc0000 25%, #bc0000 44%, #bd1419 60%, #a5080a 100%);
  background-image: -o-linear-gradient(top, #a70c10 0%, #e4333b 7%, #bc0000 25%, #bc0000 44%, #bd1419 60%, #a5080a 100%);
  background-image: -ms-linear-gradient(top, #a70c10 0%, #e4333b 7%, #bc0000 25%, #bc0000 44%, #bd1419 60%, #a5080a 100%);
  background-image: linear-gradient(top, #a70c10 0%, #e4333b 7%, #bc0000 25%, #bc0000 44%, #bd1419 60%, #a5080a 100%);
color:#F5F5F5;
font-size:12px;
line-height:13px;
padding:3px;
border:0px;
font-weight:bold;
}


#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 880px;
	text-align: left;
	border-collapse: collapse;
    margin: 0px auto;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #13a4a3;
	border-top: 4px solid #0e8382;
	border-bottom: 1px solid #fff;
	color: #ffffff;
}
#box-table-a td
{
	padding: 8px;
	background: #ffffff;
	border-bottom: 1px solid #fff;
	color: #4d4d4d;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #cbf2f1;
	color: #0e8382;
}

label.error {
	float: none;
	color: red;
	padding-left: .5em;
	vertical-align: top;
}

#practice_standards h3.Heading1{
    color:#F7CF07;
}

#practice_standards{
    background-color: #00254c;
    padding: 15px;
}

a.member_info_links
{
    margin-right: 10px;
}

#admin_menu {
    text-align: right;
    font-weight: bold;
}

#admin_menu a{
    color:#1C94C4;
    text-decoration: underline;
}

.login-wrapper{ height:540px;}
.login-box-wrapper{
	color: #5a5a5a;
	background:#444 url("../images/dark-trans-tile.png");
	 width:580px;
	 padding:10px 10px 2px 10px;
	position:relative;
	text-align:center;
	margin-bottom:60px;
	top:60px;
}

.login-box-wrapper h3{ border-bottom:1px solid #ccc;margin:0px auto;padding-bottom:20px; text-shadow: 1px 1px 0px #fff; }

.loginBox{
	background:#eee url("../images/white-tile.png");
	position:relative;
}

#login_form{
	border-top:1px solid #fff;
	 font-size:13px;
	 padding-top:5px;
	 text-shadow: 1px 1px 0px #fff;
}
#login_form table tr td{ height:35px; }
#login_form label{float:right; padding-right:25px;}

#login_form input[type="text"],#login_form input[type="password"] { border: 0px; padding: 2px 4px 2px 8px;
 -webkit-border-radius: 4px; -moz-border-radius: 4px;
 -ms-border-radius: 4px; -o-border-radius: 4px;
 border-radius: 4px; -webkit-box-shadow: #999999 1px 1px 3px inset; -moz-box-shadow: #999999 1px 1px 3px inset;
  box-shadow: #999999 1px 1px 3px inset;
  padding:8px 8px;
  width:380px;
   }

#login_form input[type="checkbox"]{width:15px; float:left;}

.red_button2 { background-color: red;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff4d4d), color-stop(70%, #ff0000));
  background: -webkit-linear-gradient(#ff4d4d, #ff0000 70%);
   background: -moz-linear-gradient(#ff4d4d, #ff0000 70%);
   background: -o-linear-gradient(#ff4d4d, #ff0000 70%); background: -ms-linear-gradient(#ff4d4d, #ff0000 70%);
   background: linear-gradient(#ff4d4d, #ff0000 70%); -webkit-box-shadow: #ff9999 0 1px 0 inset;
    -moz-box-shadow: #ff9999 0 1px 0 inset; box-shadow: #ff9999 0 1px 0 inset; border: 1px solid #e60000;
     color: white; text-shadow: #c40000 0 -1px 0; font-size: 12px; padding: 4px 13px;
     border-radius: 1px;
     text-shadow: 1px 1px 0px black; }
.red_button2:hover { background-color: #e60000; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #ff3333), color-stop(75%, #e60000)); background: -webkit-linear-gradient(#ff3333 3%, #e60000 75%); background: -moz-linear-gradient(#ff3333 3%, #e60000 75%); background: -o-linear-gradient(#ff3333 3%, #e60000 75%); background: -ms-linear-gradient(#ff3333 3%, #e60000 75%); background: linear-gradient(#ff3333 3%, #e60000 75%); }
.red_button2:active { -webkit-box-shadow: #d60000 0 1px 2px inset; -moz-box-shadow: #d60000 0 1px 2px inset; box-shadow: #d60000 0 1px 2px inset; }

#login_form .red_button2{
    height: 28px;
    width: 90px;
    float:left;
}

#login_form .remember{
	float:left;font-size:12px; margin:0px; line-height:10px; margin-left:22px;
}

.login_bottom_shadow{ background:url("../images/login_bottom_shadow.png"); width:590px; height:40px; top:10px; margin:0px auto;}

.pale_yellow_text
{
    color:#F2D8A7;
}

input[type="text"].medium_width_elements, select.medium_width_elements
{
    width:300px !important;
}


.secondary {

  background-position:initial initial;
  background-repeat:initial initial;
  display:block;
  position:absolute;
  right:15px;
  top:10px;
  width:250px;
}

.timer {
  -webkit-box-shadow:#ffffff 0 0 15px inset;
  background-color:#ffffff;
  background-position:initial initial;
  background-repeat:initial initial;
  box-shadow:#ffffff 0 0 15px inset;
  height:125px;
  width:250px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
}

.timer p {
  height:25px;
  text-align:center;
  width:250px;
}

#pauseResume {
  background:none;
  background-position:initial initial;
  background-repeat:initial initial;
  border:0;
  float:right;
  width:250px;
}

#pauseButton {
  clear:both;
  height:26px;
  margin:7px;
  width:240px;
}


.gray_button_background
{
background: rgb(209,209,209); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjZDFkMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(209,209,209,1) 0%, rgba(242,242,242,1) 8%, rgba(209,209,209,1) 16%, rgba(209,209,209,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,1)), color-stop(8%,rgba(242,242,242,1)), color-stop(16%,rgba(209,209,209,1)), color-stop(100%,rgba(209,209,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(242,242,242,1) 8%,rgba(209,209,209,1) 16%,rgba(209,209,209,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(242,242,242,1) 8%,rgba(209,209,209,1) 16%,rgba(209,209,209,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(242,242,242,1) 8%,rgba(209,209,209,1) 16%,rgba(209,209,209,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(242,242,242,1) 8%,rgba(209,209,209,1) 16%,rgba(209,209,209,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-8 */

}


.db_selection
{
    width: 100%;
    height: auto;
    border: 1px dashed #7d7a7a;
    margin-bottom: 10px;
    background-color: #9a9b9a;
    float: left;
}

.db_selection p
{
    float: left;
    margin: 0px;
    padding: 5px;
    width:180px;
    clear: right;
}

.db_selection ul
{
    float: left;
    margin: 5px;
    padding: 0;
    list-style-type: none;
}

.db_selection ul li
{
    display: inline;
    text-align: left;
    margin: 0px 10px;
}

.db_selection ul li input[type="checkbox"]
{
    text-align: left;
}

.multiple_select_box
{
    height: 120px !important;
}

p.module_link_title
{
    padding: 0px;
    margin: 1px;
}

.link_module
{
    margin-bottom: 5px;
}

.gray_wrap { background: #1e1e1e !important; /* padding: 8px 8px; margin-bottom: 15px; */ -webkit-box-shadow: #161616 0px 0px 15px inset; -moz-box-shadow: #161616 0px 0px 15px inset; box-shadow: #161616 0px 0px 15px inset; }

.no_margin
{
    margin: 0px;
}

.no_padding
{
    padding: 0px;
}

.echo_gs_contents h3
{
    text-transform: uppercase;
    font-size: 13px;
    color:#FCC14D;
}

.echo_gs_contents h4
{
    font-style: italic;
    color:#ff5656;
}

.echo_gs_contents table
{
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #f7f7f7;
    color:#000000;
}

.echo_gs_contents table td,.echo_gs_contents table th {
    border: 1px solid #dcdcdc;
    padding: 0px 5px;
}

p.exam_right_menu_bar
{
    height:30px;
}

.pagination a
{
    color: #50585a;
}

.pagination strong
{
    color: #ffffff;
    text-decoration: underline;
    padding: 3px;
    background-color: #de1616;
}

.sandal_yellow_text
{
    color:#FCC14D;
}

.italics_font
{
    font-style: italic;
}
.dark_pink_text
{
    color:#F92F40;
}

.override_list_style ul, .journal_abstract_comment ul
{
    list-style-type: inherit !important;
}

.override_list_style ol, .journal_abstract_comment ol
{
    list-style-type: decimal !important;
}

.journal_abstract_comment ul, .journal_abstract_comment ol
{
    font-size: 15px;
    line-height: 23px;
}

#terms_conditions ol, #terms_conditions ol li
{
    font-size: 14px;
    margin: 10px;
}

a.login_left { width:30px; text-align: center; margin-right: 10px; }
a.login_right { width:110px; text-align: center; }

/* Teaching Packages Table Design */

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; }
.datagrid {background: #fff; overflow: hidden; border: 1px solid #c4c4c4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.datagrid table td { padding: 10px 15px; }
.datagrid table td h4 { padding: 0px; margin:0px;}
.datagrid table th { color:#ffffff; padding: 8px; text-align: center; background:#13a4a3; font-style: inherit; font-size: 18px;}
.datagrid table th.packages_title { width:180px; }
/*.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #AB0000), color-stop(1, #D41515) );background:-moz-linear-gradient( center top, #AB0000 5%, #D41515 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#AB0000', endColorstr='#D41515');background-color:#AB0000; color:#FFFFFF; font-size: 14px; font-weight: bold; border-left: 1px solid #B01C26; }*/
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #000000; border-left: 1px solid #c4c4c4;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #f2fbfb; color: #000000; }
.datagrid table tbody td:first-child { border: none; }
