/*---------------------------------------------
TURNITIN CMS INTRO
Version: 2.0
Author: Dora Wong
---------------------------------------------*/

/*= WRAPPER FOR STAND ALONE PAGES
=== === === === === === === === === === === === === === === === === === === === */

#topline  {
	border-bottom:5px solid #D90404;
	border-top:5px solid #333333;
	z-index:1;
}

#stand_alone {
	background:url(../../../../image_bin/backgrounds/cms/turnitin/stand_alone_top_bg.jpg) repeat-x top left;
	text-align: center;
}

#tii_cms #stand_alone #ibox_form { 
margin-right: auto; 
margin-left: auto; 
margin-bottom: 100px;
text-align: left;
clear: both;
}

#stand_alone #ibox_form_banana {
height: 100px;
margin-bottom: 40px;
width: auto;
}

#stand_alone h2 {
	font-size: 175%;
	color: #336699;
	margin-bottom: 20px;
}

#stand_alone h3 a {
	font-size: 107%;
	color: #333;
	margin-bottom: 20px;
}

/*= IBOX FORMS LOOK & FEEL
=== === === === === === === === === === === === === === === === === === === === */
#ibox_form_bg {
	background: url(../../../../image_bin/backgrounds/cms/turnitin/signup_bg.jpg) repeat-x;
	text-align: center;
	}
#ibox_form_new_bg {
	background: url(../../../../image_bin/backgrounds/cms/turnitin/new_signup_bg.jpg) repeat-x;
	text-align: center;
	}
	
#ibox_form_new_bg #ibox_form,
#ibox_form_bg #ibox_form, 
#ibox_form_bg_done #ibox_form {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 100px;
	clear: both;
}	
#ibox_form_logo h1  {
text-align: left;
}
#ibox_form_logo h1 a {
display: block;
width: 150px;
height: 100px;
}
#ibox_form_new_bg h3{
width: 500px;
}
#ibox_form_new_bg .signup_set{
margin: 10px 30px 30px 30px;
}

/*= IBOX FORMS LOGO & BANANA TRAIL
=== === === === === === === === === === === === === === === === === === === === */
#ibox_form_logo h1{
float: left;
position: relative;
height: 100px;
width: 150px;
}
#ibox_form_logo .logo{
float:left;
background-image: url(../../../../image_bin/logos/company/turnitin_signup_logo.jpg);
position: absolute;
height: 99px;
width: 150px;
}
#ibox_form_logo .insite_logo{
float:left;
background-image: url(../../../../image_bin/logos/company/wadsworth_insite_logo.jpg);
position: absolute;
height: 99px;
width: 150px;
}
#ibox_form_logo .insite_oc_logo{
float:left;
background-image: url(../../../../image_bin/logos/company/insite_oc_logo.jpg);
position: absolute;
height: 99px;
width: 175px;
}
#ibox_form_logo .uk_logo{
float:left;
background-image: url(../../../../image_bin/logos/company/tii_uk_logo.jpg);
position: absolute;
height: 99px;
width: 175px;
}

#ibox_form_banana {
height: 100px;
margin-bottom: 40px;
width: 1000px;
float: left;
}
#ibox_form_nobanana {
background: none;
}
#ibox_form_banana ol{
float: left;
background-image: url(../../../../image_bin/backgrounds/cms/turnitin/signup_top_bg.jpg);
list-style-type: decimal;
font-size: 115%;
height: 100px;
}
#ibox_form_banana li{
background-image: url(../../../../image_bin/buttons/large/signup_button.gif);
list-style-position: inside;
line-height: 20px;
height: 80px;
width: 84px;
float: left;
text-align: center;
padding: 20px 8px 0px 40px;
margin-right: -38px;
}
#ibox_form_banana .current {
background-image: url(../../../../image_bin/buttons/large/signup_button_current.gif);
}
#ibox_form_banana .current a,
#ibox_form_banana .prev a{
color: #336699;
}
#ibox_form_banana .current a:hover,
#ibox_form_banana .prev a:hover
{
text-decoration: underline;
}
#ibox_form_banana li a{
display: block;
text-decoration: none;
color: #888888;
}
#ibox_form_banana .title{
font-size: 74%;
}

/*= BACKGROUND CHANGE AT END OF SIGNUP PROCESS
=== === === === === === === === === === === === === === === === === === === === */
#ibox_form_bg_done {
	background-image: url(../../../../image_bin/backgrounds/cms/turnitin/signup_bg_done.jpg);
	background-repeat: repeat-x;
	text-align: center;
}

#ibox_form_body .go {
	background-image: url(../../../../image_bin/buttons/medium/signup_gobutton.gif);
	display: block;
	height: 40px;
	width: 200px;
	padding-top: 15px;
	padding-left: 34px;
	color: #676767;
	text-decoration: none;
	font-size: 16px;
	}
#ibox_form_new_bg .submit_form_button_cont{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
#ibox_form_new_bg .submit_form_button{
	margin-left: 25px;
	margin-right: 25px;
}
	
	
/*= STATIC ANNOUCEMENT PAGE
=== === === === === === === === === === === === === === === === === === === === */
#stand_alone_header {
padding-bottom: 30px;
}
#new_static_page {
background-color: #FFF;
border: 1px solid #CCC;
margin: 0px auto 100px auto;
padding: 30px;
width: 80%;
text-align: left;
}
#new_static_page h2 {
font-family: Georgia, Times, serif;
font-size: 200%;
color: #666;
margin-bottom: 20px;
}
#new_static_page h3 {
font-size: 107%;
color: #333;
font-weight: bold;
margin-bottom: 5px;
}
#new_static_page ul {
font-size: 107%;
color: #333;
margin: 20px;
list-style-type: square;
}
#new_static_page ul li {
margin-bottom: 10px;
list-style-type: square;
}

#new_static_page #index ul li {
margin-bottom: 10px;
list-style-type: disc;
}

#new_static_page h3 {
font-size: 107%;
color: #333;
font-weight: bold;
margin-bottom: 5px;
}

#new_static_page p {
font-size: 92%;
color:#444444;
line-height: 22px;
margin-bottom: 20px;
}
#new_static_page p a {
font-size: 103%;
background-color:#f5fbff;
padding: 2px;
}

#new_static_page .signature {
font-size: 114%;
color: #333;
line-height: 22px;
margin-top: 30px;
}
#new_static_page .signature span, 
#new_static_page .signature strong, 
#new_static_page .signature em
 {
display: block;
}
#new_static_page .signature span {
margin-bottom: 20px;
}
#new_static_page .signature strong {
font-size: 132%;
color: #000;
margin-bottom: 5px;
}

/* FAQ LIST STYLES ================== */
#new_static_page ul.faq {
margin: 0px 0px 30px 0px;
border: 1px solid #EEE;
font-size: 107%;
color: #333;
list-style-type: none;
}
#new_static_page .faq li {
padding: 6px;
font-size: 92%;
margin: 0px;
list-style-type: none;
line-height: 22px;
color: #333;
}
#new_static_page .faq  li.header {
background-color: #EEE;
border-bottom: 1px solid #CCC;
}
#new_static_page .faq li.odd {
background-color: #F6F6F6;
}
#new_static_page .faq li.last {
border-bottom:none;
}
#new_static_page .faq  li strong {
font-weight: bold;
}

#new_static_page .training li.manual {
background: url(../../../../image_bin/icons/common/med_24/copy_24.gif) no-repeat left;
list-style: none;
padding: 5px;
padding-left: 30px;
}

#new_static_page .training li.guide {
background: url(../../../../image_bin/icons/common/med_24/documents_24.gif) no-repeat left;
list-style: none;
padding: 5px;
padding-left: 30px;
}

#new_static_page .video_clips li.clip {
background: url(../../../../image_bin/icons/common/med_24/disc-media_24.gif) no-repeat left;
list-style: none;
padding: 5px;  
font-weight: bold; 
padding-left: 30px;
}

#new_static_page .video_clips li {
padding: 5px;
list-style: none;
}
#new_static_page .training .small {
color: #666;
font-size: 10px;
}

#new_static_page .training em {
color: #666;
font-size: 16px;
}

/*= LANGUAGE SELECTION PAGE
=== === === === === === === === === === === === === === === === === === === === */
#ibox_form_body .language_list_column {
	width:200px;
	font-size: 120%;
	float: left;
}
#ibox_form_body .language_container {
	width:400px;
	margin-left: auto;
	margin-right: auto;
}

#ibox_form_body .language_container a{
	text-decoration: none;
}
#ibox_form_body .language_container a:hover{
	text-decoration: underline;
}

/*= NEW FEATURES PAGE
=== === === === === === === === === === === === === === === === === === === === */
ul, li {margin: 0; padding: 0;}

#stand_alone_header {
padding-bottom: 30px;
}

#new_features_page {
border: 1px solid #CCC;
margin: auto;
padding: 20px;
width: 918px;
text-align: left;
}

#new_features_page h1 {
font-family: Georgia, Times, serif;
font-size: 200%;
color: #666;
margin-bottom: 5px;
}

#new_features_page p {
color:#444444;
line-height: 22px;
margin-bottom: 20px;
}

/*= NEW FEATURES PAGE - sidebar area
=== === === === === === === === === === === === === === === === === === === === */

#triggers {
float:left;
border:1px solid #ccc;
width: 235px;
background-color: #eee;
}

#triggers #button {
cursor:pointer;
float: left;
margin: 2px 5px 2px 5px;
}


#button h3 {
font-family: Georgia, Times, serif;
font-size: 125%;
color: #990000;
font-weight: bold;
width: 215px;
margin-bottom: 5px;
margin-left: 5px;
}

#button ul {
width: 215px;
margin-bottom: 5px;
margin-left: 5px;
}

#button ul li a {
font-family: Georgia, Times, serif;
font-size: 95%;
color: #333;
font-weight: bold;
text-decoration: none;
}

#button ul li a:hover {
color: #990000;
text-decoration: underline;
}


#button li .first {
margin-top: 5px;
}
/*= NEW FEATURES PAGE -content area
=== === === === === === === === === === === === === === === === === === === === */ 

#shadow {/*Shadow on main section of page */
background: url(../../../../image_bin/backgrounds/static/turnitin_static/shadow.gif) repeat-y top left;
}

#main_column {
float:right;
width:645px;
padding-right: 10px;
z-index:1;
}

#main_column .detail {
border: 1px solid #CCC;
text-align: left;
}

#main_column .detail p {
font-size: 92%;
color:#444444;
line-height: 22px;
padding: 0 20px 0 20px;
}

#main_column .detail .logos {
width: 235px;
padding-left: 10px;
float: left;
}

#main_column .detail .landing {
padding: 5px 5px 5px 5px;
}

#main_column .detail .landing span {
font-family: Georgia, Times, serif;
text-align: center;
color: #990000;
font-size: 42px;
display: block;
border: 2px solid #990000;
padding: 40px;
}

#main_column .detail h2 {
font-family: Georgia, Times, serif;
font-size: 24px;
color: #666;
padding: 20px;
}

#main_column .detail h3 {
font-family: Georgia, Times, serif;
font-size: 13px;
color: #333;
font-weight: bold;
padding: 10px 10px 10px 20px;
}

#main_column .detail ul {
font-size: 92%;
color: #333;
}

#main_column .detail ul li {
padding: 10px;
margin-left: 10px;
list-style: disc inside;
}


#main_column .detail ol {
font-size: 92%;
color: #333;
}

#main_column .detail ol li {
margin-left: 20px;
list-style: decimal inside;
}

#main_column .detail a {
font-size: 103%;
background-color:#f5fbff;
padding: 2px;
}


/*= FOOTER
=== === === === === === === === === === === === === === === === === === === === */
#footer {
height: 65px;
}
#footer_inner {
padding: 10px 31px;
width: 500px;
float: left;
}
.footer_nav {
width: 350px;
float: right;
margin-top: 10px;
margin-left: 5px;
}
.footer_nav ul {
list-style: none;
}
.footer_nav li {
display: inline;
padding: 15px;
font-size: 110%;
}
.footer_nav #first {
background: none;
}

.footer_nav li a {
text-decoration: none;
color: #CC6600;
}

#footer p {
float: left;
color: #999;
font-size: 92%;
}
#footer .language {
float: right;
color: #999;
}


/*= EXTRAS
=== === === === === === === === === === === === === === === === === === === === */
#extras {
text-align: center;
padding: 10px 10px 40px 10px;
}
#extras li  {
display: inline;
margin: 0px 5px;
}
#extras li a {
font-size: 85%;
color: #999;
}
#extras .i18n a {
font-size: 90%;
color: #336699;
}
#extras .small	{
font-size: 70%;
color: #999;
}