@import url("../../common/static/template.css");
@import url("../../common/common.css");

/*---------------------------------------------
Plagiarism.org Style Sheet
Version: 2.0
Author: Dora Wong
---------------------------------------------*/
/* :NOTE: Clears all borders from base template in template.css */
#plag #header,
#plag #main_content,
#plag #launchpad,
#plag #footer,
#plag #header h1,
#plag #nav a,
#plag #column_one,
#plag #column_two,
#plag #column_three,
#plag #launch_one,
#plag #launch_two,
#plag #launch_three,
#plag #launch_four 
 {
	border: none;
}


/*= GENERAL ELEMENTS
=== === === === === === === === === === === === === === === === === === === === === === === === === === === === === === */
#plag {
	text-align: left;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans serif";
	font-weight: normal;
	font-size: 14px;
	color: #333;
}

.green {
	background: #FFFFFF url(../../../image_bin/backgrounds/static/plag_background_green.png) repeat-x 0px 0px; 
}
.plain {
	background: #FFFFFF url(../../../image_bin/backgrounds/static/plag_background_none.png) repeat-x 0px 0px; 
}

#plag p,
#plag ol li,
#plag ul li,
#plag blockquote {
	font-size: 0.857em;  /*12px*/
	line-height: 1.5em;
}

#plag p,
#plag ol,
#plag ul {
	margin-bottom: 10px;
}

#plag #container {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
}

#plag #logo h1 {
	float: left;
	display: block;
	position: relative;
	text-align:center;
}

#plag #logo span {
	background: url(../../../image_bin/sprites/plagiarism/plag_sprites_main.png) no-repeat scroll 0px 0px;
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:475px;
}

#plag a {
	color: #ff9900;
	text-decoration: none;
}

#plag a:hover  {
	text-decoration: underline;
}



/*= NAVIGATION
=== === === === === === === === === === === === === === === === === === === === === === === === === === === === === === */
#plag #top {
	width: 960px;
	height: 100px;
}


#plag #nav {
	float: right;
	text-align:center;
}
#plag #nav ul li {
  	background: url("../../../image_bin/sprites/plagiarism/plag_sprites_main.png") no-repeat 160px -160px;
	float: left;
	height: 55px;
	margin: 25px;
  	padding:0 0 0 8px;
}

#plag #nav ul li a {
	display:block;
	text-decoration:none;
	font-size: 1.42em; /* 20px */
	font-weight: lighter;
	color:#999999;
  	padding:8px 15px 9px 6px;
	line-height: 12px;	
}

#plag #nav ul li a span{
	font-size: 0.7em; /* 10px */
}


#plag #nav a#skip_nav {
	border:0 none;
	height:1px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:1px;
}


#plag #nav ul li a:hover,
#plag #nav ul li a:active {
	color: #FFF;
	font-weight: normal;
	background: url("../../../image_bin/sprites/plagiarism/plag_sprites_main.png") no-repeat 100% -105px ;

}


#plag #nav ul li:hover,
#plag #nav ul li a:active {
  	background:url("../../../image_bin/sprites/plagiarism/plag_sprites_main.png") no-repeat 0px -105px;
}



/*= TOP BANNER
=== === === === === === === === === === === === === === === === === === === === === === === === === === === === === === */

#plag #banner {
	width: 960px;
	margin-bottom: -20px;
}

#plag #banner #announcement {
	float: left;
	width: 530px;
	height: 160px;
	margin: -15px 20px 0px 40px;
}

#plag #banner #announcement h1{
	color: #FFF;
}

#plag #banner #announcement p{
	font-size: 1.25em; /* 20px */
	line-height: .75em;
	font-weight: bold;
}

#plag #banner #announcement p a {
	text-decoration: none;
}

#plag #banner #announcement p a:hover {
	text-decoration: underline;
}


#plag #banner #announcement p span.next {
	font-size: .75em; /* 12px */
	font-weight: normal;
}

#plag #banner #announcement p span.next a {
	text-decoration: none;
}

#plag #banner #announcement p span.next a:hover {
	text-decoration: underline;
}

#plag #banner #announcement p {
	margin: 3px 0px;
}

#plag #banner #announcement p span.available {
	font-size: .88em; /* 14px */
 }

#plag #banner #announcement p span.available a {
	text-decoration: none;
}

#plag #banner #announcement p span.available a:hover {
	text-decoration: underline;
}

#plag #banner #button {
  	background:url("../../../image_bin/sprites/plagiarism/plag_sprites_main.png") no-repeat 0px -160px;
	width: 142px;
	height: 30px;
	float: left;
	text-align: center;
	padding-top: 9px;
	margin-right: 0px;
	margin-right: 20px;
	margin-top: 3px;
}
#plag #banner #button a{
	color: #fff;
	text-decoration: none;
}

#plag #banner #ad {
	float: left;
	width: 280px;
	margin: 0px 20px 20px 0px;
}

#plag #banner a {
	color: #333;
	text-decoration: underline;
}

/*= MAIN CONTENT
=== === === === === === === === === === === === === === === === === === === === === === === === === === === === === === */

#plag #content  {
	margin-top: 40px;
}

#plag .left{
	text-align: left;
	display: block;
	width: 300px;
	float: left;
}


#plag .right{
	text-align: right;
	display: block;
	width: 300px;
	float: right;

}

#plag #content #left_pannel,
#plag #footer #footer_container #left_pannel {
	width: 640px;
	float: left;
}

#plag #content #right_pannel,
#plag #footer #footer_container #right_pannel {
	width: 280px;
	margin-left: 20px;
	float: left;
	text-align: right;
}



#plag #content h1 {
	font-size: 1em; /* 16px */
	color: #666;
	border-bottom: 1px solid #333;
	padding: 0px 0px 10px 40px;
	margin: 30px 0px 0px;
}

#plag #content .feature #header {
	margin: 30px 15px 0px;
	border-bottom: 2px dotted #333;
}

#plag #content .feature #header h1,
#plag #content .feature #left_pannel h1,
#plag #content .feature #right_pannel h1{
	font-size: 1.71em; /* 24px */	
	margin: 0;
	padding: 0;
	border-bottom: none;
	color: #333;
}


#plag #content .feature #left_pannel h1.webinar{
	font-size: 1.25em; /* 20px */	
	margin: 0;
	padding: 0;
	border-bottom: none;
	color: #333;
}

#plag #content .feature #header h2,
#plag #content .feature #left_pannel h2{
	font-size: 1em; /* 16px */	
	margin-bottom: 10px;
	padding: 0;
	border-bottom: none;
	color: #333;
}

#plag #content .feature #left_pannel h2.webinar {
	font-size: 1em; /* 16px */	
	margin-bottom: 5px;
	padding: 0;
	border-bottom: none;
	color: #666;
}

#plag #content .feature #right_pannel h3{
	font-size: 1.375em; /* 22px */	
	margin-bottom: 10px;
	padding: 0;
	border-bottom: none;
	color: #333;
}

#plag #content .feature #left_pannel {
	width: 565px;
	margin-left: 15px;
	padding-top: 30px;
	padding-right: 60px;
}

#plag #content .feature #left_pannel ul.experts {
	list-style-position: inside;
}

#plag #content .feature #right_pannel {
	border-left: 2px dotted #333;
	width: 260px;
	margin-left: 0px;
	padding-top: 30px;
	padding-left: 40px;
	padding-bottom: 20px;
	text-align: left;
}

#plag #content .feature #right_pannel #signup h2 {
	display: block;
	position: relative;
	text-align:center;
	width: 134px;
	height: 35px;
	margin-bottom: 30px;
}

#plag #content .feature #right_pannel #signup span {
	background: url(../../../image_bin/sprites/plagiarism/plag_sprites_main.png) no-repeat scroll 0px -200px;
	height:35px;
	left:0;
	position:absolute;
	top:0;
	width:134px;
}

#plag #content #pagenation {
	padding-left: 40px;
	margin-top: 10px;
	margin-bottom: 20px;	
	font-size: 0.857em;  /*12px*/
}


#plag #content #header ul#nav {
	float: left;
	list-style: none;
	margin-bottom: 3px;
}
#plag #content #header ul#nav li {
	display: inline;
	font-size: 1em;  /*16px*/
	padding-right: 10px;	
}


#plag #content #header ul#nav li .highlight {
    color: #ff9900;
    padding: 0px 5px;
    text-decoration: none;
}


#plag #content #header ul#nav li .nonhighlight {
    color: #333;
    padding: 0px 5px;
    text-decoration: none;
}


#plag #content #header a:hover {
	color: #ff9900;
	text-decoration: underline;
}


#plag #content .article{
	border: none;
	text-decoration: none;
	color: #333;
}


#plag #content #section {
	padding: 15px 0px 15px 40px;
}

#plag #content #section h2 {
	display: block;
	font-size: 1.71em; /* 24px */
	text-decoration: none;
	color: #669933;
	margin: 10px 0px 10px;
}

#plag #content #section h2 a{
	color: #669933;
}

#plag #content #section h3{
	font-size: 1.286em; /* 18px */
	margin: 30px 0px 10px;
}


#plag #content #section h4{
	font-size: 1em; /* 14px */
	margin: 30px 0px 10px;
}


#plag #content #section ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom: 15px;
}

#plag #content ul {
	list-style-type: disc; 
	list-style-position: outside;
	margin-bottom: 15px;
}

#plag #content #ad {
	padding: 30px 0px 30px 60px;
	border-bottom: 1px solid #ccc;
}

#plag #content #ad p {
	color: #666;
}

#plag #content blockquote {
	margin: 30px 50px 30px 30px;
	padding: 30px;
	border: 1px solid #669933;
}

#plag #content blockquote blockquote {
	border: none;
	font-size: 1em; /*12px*/
	margin: 0px;
	padding-bottom: 0px;
}
#plag #content .question {
	color: #669933;
}


#plag #content #right_pannel .resources a {
	font-size: 95%;
	text-decoration: none;
}





/*= FOOTER
=== === === === === === === === === === === === === === === === === === === === === === === === === === === === === === */
#plag #footer {
	width: 100%;
	height: 180px;
	margin-top: 30px;
	padding-top: 20px;
	background: #FFFFFF url(../../../image_bin/backgrounds/static/plag_background_footer.png) repeat-x 0px 0px; 
}

#plag #footer #footer_container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#plag #footer #footer_container #left_pannel p {
	margin: 5px 90px 5px 20px;
}