/*************** Forms ***************/

form label {
                font-weight: bold;
                }

form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }

form p small {
                font-size: 0.75em;
                color: #777;
                }


form input.text-input,
form select,
form textarea,
form .wysiwyg,
select {
                padding: 6px;
                font-size: 13px;
                background: #fff url('/images/ams/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				        color: #333;
                }

optgroup {
  font-weight: bold;
}

form .nano-input {
                width: 35px !important;
        }

form .micro-input {
                width: 75px !important;
        }

form .smaller-input {
                width: 100px !important;
        }

form .small-input {
                width: 170px !important;
                }

form .medium-input {
                width: 200px !important;
                }
form .medium-large-input {
                width: 300px !important;
                }

.relax{
      clear: both;
      margin: 3px 0px 0px 0px;
      }

.outlineLevel .dropdown{
                width: 90px;
                float: left;
                }

.outlineLevel .outline-visibility{
                width: 220px;
                margin: 2px 0px 0px 0px;
                float: left;
                }

.question-association-input{
                width: 115px;
}

.intersection-action {
                display: inline;
                }

#intersection_heading {
                margin-top: 10px;
                }

.hide-table {
                font-style: italic;
                text-decoration: underline;
                cursor: pointer;
            }

.hide-tree {
                display: none;
            }

form .large-input {
                width: 97.5% !important;
                }

form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }

form select {
                padding: 4px;
                background: #fff;
                }

form select[disabled='disabled'] {
        color:#c4c4c4;
}

form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }


/*---------Toggle Content------------*/
.toggleLink {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
.toggleLinkContent {
	margin-left: 10px;
	display: none;
}
/*----------------------------------------------*/


/* ----- comment style ----- */
.comment_containter {
  width: 50%;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid black;
}

.comment_containter .comment_header {
  width: 100%;
}
.comment_containter .comment_header .comment_date {
  float: right;
}
.comment_containter .comment_header .comment_source {
  float: left;
  font-style: italic;
}
.comment_containter .comment_text {
  padding-top: 10px;
}

/* ----- end comment style ----- */

.helpBubble {
	color: #006EA3;
	font-weight: bold;
	border: 1px solid #006EA3;
	padding-left: 3px;
	padding-right: 3px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
  border-radius: 10px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.preview_loading, #loading_image{
        background:#ccc url(/images/ams/loading.gif) no-repeat center center;
        height:50px;
        left:50%;
        margin:-25px 0 0 -25px;
        opacity:0.8;
        position:fixed;
        top:50%;
        width:50px;
        z-index:400;
        border:1px solid #aaa;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        -moz-box-shadow:1px 1px 3px #000;
        -webkit-box-shadow:1px 1px 3px #000;
        box-shadow:1px 1px 3px #000;
}

/******* TinyMCE *******/

body#tinymce {
        background:none;
}

table.mceLayout {
        width:100%;
}

td.mceToolbar, td.mceIframeContainer, td.mceStatusbar{
        padding:0px !important;
}

table.mceToolbar {
        width:auto !important;
}

table.mceToolbar tbody {
        border:none !important;
}

table.mceToolbar tr {
        background:transparent !important;
}

table.mceToolbar td {
        padding:0px !important;
}

iframe#mce_fullscreen_ifr {
        background:#fff !important;
}

/*-------------- Select Tree -----------------*/

.selectTree ul li {
        list-style-type: none !important;
        background: none !important;
}

strong.correct {
        font-weight:normal;
}

.highlight-correct {
        color:green !important;
        font-weight: 800 !important;
}

div.create-exam-anchor-links {
        float:right;
}

#from_select_list {
        width:200px;
        height:400px;
        float:left;
        margin:0 0 20px 0;
}

#to_select_list {
        width:200px;
        height:400px;
        float:right;
        margin:0 0 20px 0;
}

#input-class-name {
        display:none;
}

.listContainer1 {
        white-space: nowrap;
}

.listContainer1 ul {
        float:left;
        margin-left:40px;
}



/* ----------------      Dashborad style     ----------------------*/
.dashboardReportWrapper {
    position: relative;
    height: auto;
    width: 90%;
    margin: 20px 0 20px 0;
    overflow-x: none;
    overflow-y: none;
}
.dashboardReportWrapper .dashboardReportTitle {
    font-style: italic;
    font-weight: bold;
}
.dashboardReportWrapper .dashboardReport {
    position: relative;
    height: auto;
    border: 1px solid black;
    overflow-x: none;
    overflow-y: none;
}
.dashboardReport .contents {
    position: relative;
}
/* ----------------------------------------------------------------*/

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 88%;
                }
.notification h2 {
  font-size:1.25em;
  margin-bottom:0.75em;
  font-weight: bold;
}

.attention {
                background: #fffbcc url('/images/ams/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('/images/ams/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.flash_success {
                background:#e6efc2;
                color:#264409;
                border-color:#c6d880;
                padding:0.8em;
                margin-bottom:1em;
                border:2px solid #ddd;
               }

.notice, .success {
                background: #d5ffce url('/images/ams/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('/images/ams/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff !important;
				}

/********************************      Login Page      ********************************/

body#login {
                color: #fff;
                background: #222 url('/images/ams/bg-login.gif');
				}

#login-wrapper {
                background: url('/images/ams/bg-login-top.png') top left repeat-x;
				}

#login-wrapper #login-top {
				width: 100%;
				padding: 140px 0 50px 0;
				text-align: center;
				}

#login-wrapper #login-content {
				text-align: left;
				width: 300px;
				margin: 0 auto;
				}

#login-wrapper #login-content label {
				color: #fff;
				font-weight: normal;
				font-size: 14px;
				font-family: Helvetica, Arial, sans-serif;
				float: left;
				width: 70px;
				padding: 0;
				}

#login-wrapper #login-content input {
				width: 200px;
				float: right;
				margin: 0 0 20px 0;
				border: 0;
				background: #fff;
				}

#login-wrapper #login-content p {
				padding: 0;
				}

#login-wrapper #login-content p#remember-password {
				float: right;
				}

#login-wrapper #login-content p#remember-password input {
				float: none;
				width: auto;
				border: 0;
				background: none;
				margin: 0 10px 0 0;
				}

#login-wrapper #login-content p .button {
				width: auto;
				margin-top: 20px;
				}

/************ question display handles ************/
.questionPart, .questionPartHide {
	display: none;
}
.distractorList li {
	list-style-type: upper-alpha;
}
.questionComponent {
	width: 700px;
	margin-bottom: 10px;
	text-align: justify;
}
#collapseAllQuestionsLink {
  display: none;
}

/*********** Breakdown Reports **********/
.report_row {
  position: relative;
  width: 100%;
  height: 35px;
}

.report_row .row_title {
  position: absolute;
  width: 350px;
  left: 0px;
  font-size: 15px;
}

.report_row .report_total {
  position: absolute;
  width: 100px;
  right: 151px;
}

.report_row .report_percentage {
  position: absolute;
  width: 150px;
  right: 0px;
}

/********** Drag and Drop ************/
.drag_container {
  padding: 3px;
  margin: 2px;
  border: 1px solid #000000;
  background: #ffffff;
}

/******* Media Gallery *******/
.media_wrapper{
        /* margin:50px 50px 0px 50px; */
}
.media_wrapper a img{
    border:none;
}
.media_wrapper ul{
        list-style:none;
        padding-bottom:20px;
        float:left;
}
.media_wrapper ul li{
    position:relative;
    text-align:center;
        float:left;
    margin:3px;
    background:none !important;
    padding:0px !important;
    background-color:#ccc;
    width:180px;
    height:140px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.media_wrapper ul li a{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    width:180px;
    height:140px;
    outline:none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0px 0px 3px #000 inset;
    -webkit-box-shadow:0px 0px 3px #000 inset;
    box-shadow:0px 0px 3px #000 inset;
}
.media_wrapper ul li a:hover{
    background-image:none;
}
.media_wrapper ul li a img{
    vertical-align:middle;
    border:1px solid #222;
    opacity:0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-box-shadow:1px 1px 3px #000;
    -webkit-box-shadow:1px 1px 3px #000;
    box-shadow:1px 1px 3px #000;
}

.media_wrapper ul li a .image_hover_pane {
  display: none;
  padding-top: 20px;
  position: absolute;
  top: 0px;
  z-index: 2;
  word-wrap: break-word;
}

.media_wrapper ul li a.photo{
    background:transparent url(/images/ams/photo.png) no-repeat top right;
}
.media_wrapper ul li a.video{
    background:transparent url(/images/ams/movie.png) no-repeat top right;
}
.media_wrapper ul li a.audio{
    background:transparent url(/images/ams/music.png) no-repeat top right;
}
video.thumb, audio.thumb, img.thumb {
  width:128px;
  height:100px;
}
.overlay{
    z-index:90;
    background:transparent url(/images/ams/grid_overlay.PNG) repeat top left;
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    display:none;
    opacity:1.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.preview{
    position:fixed;
    text-align:center;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display:none;
    z-index:300;
}
.preview_wrap{
        position:absolute;
        top:50%;
        left:50%;
        text-align:center;
        width:auto;
        padding:30px;
}
.preview_wrap img{
    -moz-box-shadow:1px 1px 3px #000;
    -webkit-box-shadow:1px 1px 3px #000;
    box-shadow:1px 1px 3px #000;
}
a.prev,
a.next{
    background-color:#000;
    background-position:center center;
    background-repeat:no-repeat;
    border:1px solid #232323;
    position:fixed;
    width:20px;
    height:20px;
    top:50%;
    margin-top:-10px;
    opacity:0.6;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    z-index:101;
    cursor:pointer;
    outline:none;
}
a.prev:hover,
a.next:hover{
    border:1px solid #333;
    opacity:0.9;
}
.nav a.disabled,
.nav a.disabled:hover{
    opacity:0.4;
    border:1px solid #111;
    cursor:default;
}
a.prev{
    left:4px;
    background-image:url(/images/ams/prev.png);
}
a.next{
    right:4px;
    background-image:url(/images/ams/next.png);
}


.more{
        position:relative;
        clear:both;
        margin:10px -50px 20px -50px;
}
.more a{
        text-align:center;
        display:block;
        background-color:#090909;
        color:#aaa;
        text-shadow:1px 1px 1px #000;
    height:30px;
        line-height:30px;
        margin:0 auto;
        width:100%;
    border:1px solid #000;
        text-decoration:none;
        font-size:11px;
        font-weight:bold;
        outline:none;
}
.more a:hover{
        background-color:#111;
        border:1px solid #090909;
}
.description{
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    height:40px;
    display:none;
    line-height:20px;
    background-color:#090909;
    opacity:0.9;
    text-align:center;
    z-index:200;
    font-size:12px;
    color:#fff;
    text-shadow:0 1px 0 #000;
    -moz-box-shadow:0px 0px 3px #000;
    -webkit-box-shadow:0px 0px 3px #000;
    box-shadow:0px 0px 3px #000;
    border-top:1px solid #000;
}


/* dropdown function css */
.dropdown dd, .dropdown dt, .dropdown ul, .dropdown ul li { margin:0px; padding:0px; }
.dropdown dd {
  position:relative;
  margin-top: 5px;
}
.dropdown a, .dropdown a:visited { color:#000; text-decoration:none; outline:none;}
.dropdown a:hover { color:#fff;}
.dropdown dt a:hover { color:#5d4617; border: 1px solid #B0B0B0;}
.dropdown dt a {
  background:#EBEBEB url("/images/icons/arrow.png") no-repeat scroll right center;
  display:block;
  border:1px solid #ccc;
  width:75px;
}
.dropdown dt a.cog_link {
  width: 30px;
  height: 20px;
  padding-left: 2px;
}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
.dropdown dd ul {
  background:#EBEBEB none repeat scroll 0 0;
  border:1px solid #ccc; color:#C5C0B0;
  display:none;
  left:0px;
  position:absolute;
  top:2px;
  width:auto;
  min-width:150px;
  list-style:none;
  z-index: 1000;
}
.dropdown dd ul li { background: none !important; padding:0px !important;}
.dropdown dd ul li a { padding:5px 10px 5px 10px; display:block;}
.dropdown dd ul li a:hover { background-color:#B0B0B0;}

/* hotspot */
.hs_response, .hs_map, .hs_contain
{
	overflow:hidden;
	position:relative;
	display:inline-block;
	white-space:nowrap;
}

.hidden_element, .hidden {
  display: none;
}

.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
    max-height:50%;
    overflow-y: auto;
}

/* Tag Style */

.display_tags {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.display_tags li {
  float: left;
}

.tag {
  background: #eee;
  border-radius: 3px 0 0 3px;
  color: #999;
  display: inline-block;
  height: 20px;
  line-height: 16px;
  padding: 2px 20px 0 18px;
  font-size: 12px;
  position: relative;
  margin: 0 5px 5px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.tag a, .tag a:visited {
  color: #999;
}
.tag a:hover {
  color: #fff;
  text-decoration: none;
}

.tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 6px;
  position: absolute;
  width: 3px;
  top: 6px;
}

.tag::after {
  background: #fff;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #eee;
  border-top: 10px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag:hover {
  background-color: #1BA8DF;
  color: #fff;
}

.tag:hover::after {
   border-left-color: #1BA8DF;
}