/*
Title:		Synopsys Sign In: main.css
Updated:	April 2015	
*/
html {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	height: 100%;
}

body {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	color: #4e4e4e;
	background: #fff;
	min-width: 750px;
	margin: 0px 0px 0px 0px;
	height: 100%;
}

a:link {
	color: #773d97
} /* unvisited link */
a:visited {
	color: #773d97
} /* visited link */

/*BODY STRUCTURE */
#top-container {
	min-height: 100%;
	height: auto;
	height: 100%;
	position: relative;
}

/* BODY STRUCTURE */
#wrap {
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: #fff;
	margin: 15px auto 0px auto;
	width: 971px;
	padding: 0px 12px 12px 12px;
	/* an increase in the padding wall cause the nav bar to wrap at design resolution */
	min-height: calc(100% -   200px);
}

#solvnet-header {
	width: 100%;
	background-color: #fff;
	height:120px;
}

#logo-header {
	float: left;
}

#primary-header {
	background: #fff;
	height: 65px;
	padding-top: 5px;
	width: 971px;
	margin: 0 auto;
}

#secondary-header {
	background: #380b61;
	margin-top: 8px;
}

#header-links {
	width: 971px;
	margin: 0 auto;
	padding: 7px;
	color: #fff;
	font-weight: bold;
}

#header-links a {
	color: #fff;
}

#title {
	background-image: url(../images/maintitle_bgr.jpg);
	background-repeat: no-repeat;
	padding-left: 14px;
	height: 45px;
	margin-bottom: 20px;
}

#title h2 {
	font-size: 150%;
	line-height: 1.3em;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-top: 6px;
}

#main {
	background: #fff;
	float: left;
	width: 400px;
	padding-left: 10px;
	font-size: 91%;
	line-height: 1.7em;
	color: #4e4e4e;
}

#main h2 {
	font-size: 150%;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
}

#
main_singleColumn h2 {
	font-size: 150%;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
}

#sidebar {
	background: #fff;
	float: right;
	width: 236px;
}

#sidebar ul {
	margin-bottom: 0;
}

#sidebar h3,#sidebar p {
	padding: 0 10px 0 0;
}

#sidebar.sideTxt {
	width: 280px;
	line-height: 2em;
	font-size: 88%;
	border-left: thin dashed #d8d8d8;
	padding-left: 40px;
}

#sidebar.sideTxt li {
	list-style-position: outside;
}

#main a {
	text-decoration: none;
	color: #773d97;
}

#main a:hover {
	text-decoration: underline;
	color: #cc99cc;
}

.secTitle {
	font-size: 94%;
	line-height: 1.5em;
	color: #000000;
	font-weight: bold;
}

#regHelp {
	margin-top: 48px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 88%;
}

#regHelp a {
	text-decoration: none;
}

#regHelp a:hover {
	color: #cc99cc;
	background-color: #fff;
	text-decoration: underline;
}

img.floatLeft {
	float: left;
}

.smBar {
	margin: 8px;
}

div.linea {
	height: 30px;
	margin-left: 2em;
	margin-right: 1em;
	border-left: 1px solid #cccccc;
}

.clear { /* Clear the row */
	clear: both;
}

.button {
	padding-top: 10px;
}

/* SIGNIN and TEXT BOXES */
#signinBx {
	margin: 0 0 0em 0em;
	border: 1px solid #cccccc;
	width: 249px;
	float: right;
	background: #ffffff;
}

#signinBx div.tl {
	position: relative;
	top: -2px;
	left: -2px;
	background: url(../images/corner_topleft.gif) top left no-repeat;
}

#signinBx div.tr {
	position: relative;
	top: auto;
	left: auto;
	right: -4px;
	background: url(../images/corner_topright.gif) top right no-repeat;
}

#signinBx div.br {
	position: relative;
	bottom: -4px;
	right: auto;
	background: url(../images/corner_bottomright.gif) bottom right no-repeat;
}

#signinBx div.bl {
	position: relative;
	bottom: auto;
	left: -4px;
	background: url(../images/corner_bottomleft.gif) bottom left no-repeat;
	padding: 0 0 1px 4px;
}

#signinTxt ul {
	padding: 7px 2px 10px 5px;
	margin: 0;
	list-style-type: none;
}

#signinTxt li {
	font-size: 88%;
	color: #4e4e4e;
	padding: 0px 8px 7px 4px;
	font-weight: normal;
}

#signinTxt li a {
	color: #773d97;
	text-decoration: none;
	font-weight: normal;
}

#signinTxt li a:hover {
	color: #cc99cc;
	text-decoration: underline;
	font-weight: normal;
}

.textfield {
	font-family: arial, helvetica;
	font-size: 88%;
	background-color: rgb(255, 255, 255);
	border: 1px solid #999999;
}

/* IMAGE MOUSEOVER */
a.srollover {
	background: url("../images/help_simplified.gif") 0 0 no-repeat;
}

a.srollover2 {
	background: url("../images/help_traditional.gif") 0 0 no-repeat;
}

a.srollover3 {
	background: url("../images/help_japanese.gif") 0 0 no-repeat;
}

a.srollover,a.srollover2,a.srollover3 {
	display: block;
	width: 43px;
	height: 33px;
	text-decoration: none;
}

a:hover.srollover,a:hover.srollover2,a:hover.srollover3 {
	background-position: -40.8px 0;
	text-decoration: underline;
}

/* FOOTER */
#footer {
	background: #fff;
	clear: both;
	margin: 0px;
	padding-top: 0px;
	width: 100%;
	height: 50px;
	bottom: 0;
}

#footer-links {
	margin: 0 auto;
	width: 971px;
	padding: 7px;
}

#footer-wrap {
	background: #f3f2f2;
	height: 25px;
}

#footer-content {
	background: #380b61;
}

#footer p {
	padding: 5px;
	margin: 0;
}

.copyreserve {
	font-size: 85%;
	letter-spacing: 1px;
	color: #fff;
	float: left;
}

.copyreserve a {
	color: #fff;
	text-decoration: none;
	font-weight: normal
}

.copyreserve a:hover {
	text-decoration: underline;
}

.contact {
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	margin-left: 340px;
	/* float: right; commented this out b/c it caused footer to jump out of div*/
}

.contact a {
	color: #fff;
	text-decoration: none;
	font-size: 85%;
}

.contact a:hover {
	text-decoration: underline;
}

#navigation {
	display: block;
	/*background: url(/images/barbackground.gif) repeat-x 0% 100%;*/
	background: none repeat scroll 0 0 #f3f2f2;
	padding: 0 15px 1px;
	font-size: 11px;
	margin: 0 auto;
	height: 25px;
	/*    border: thin solid blue; */
}

#navigation-links {
	width: 971px;
	margin: 0 auto !important;
}

#navigation * {
	padding: 0;
	margin: 0;
}

#topNav {
	margin: 3.2em .5em 0 0;
}

td.error {
	color: #c28731;
	font-weight: bold;
}

td.success {
	color: #77bc60;
	font-weight: bold;
}

.error {
	color: #c28731;
	font-weight: bold;
}

#errorContainer {
	color: #c28731;
}

#successContainer {
	color: 77bc60;
	font-weight: bold;;
}

.errorMsg {
	color: #c28731;
	font-weight: bold;
}

.success {
	color: 77bc60;
	font-weight: bold;;
	font-size: 120%;
}

/*#top {
    display: block;
    position: relative;
    top: 51px;
    left: 10px;
    border: thin solid red;
}*/
#bottom {
	position: relative;
	left: 1px;
}

#main .important {
	color: #990000;
}

img.displayed {
	display: block;
	margin-top: 48px;
	margin-left: auto;
	margin-right: auto;
}

/* forms */
form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	font-size: 100%;
}

form li {
	margin: 0;
	padding: 4px 5px 2px 9px;
	position: relative;
	clear: both;
}

form li:after,.buttons:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

form li,.buttons {
	display: inline-block;
}

* html form li,* html .buttons {
	height: 1%;
}

form li,.buttons {
	display: block;
}

* html form li div {
	display: inline-block;
}

form li div,form li span {
	margin: 0 4px 0 0;
	padding: 0 0 8px 0;
	color: #444;
}

form li span {
	float: left;
}

form li div.address {
	padding-bottom: 0;
}

form li div.left {
	display: inline;
	float: left;
	width: 47%;
}

form li div.right {
	display: inline;
	float: right;
	width: 47%;
}

.clear {
	clear: both !important;
}

form hr {
	display: none;
}

form p {
	margin-top: 10px;
}

form li.section {
	border-top: 1px dotted #ccc;
	margin-top: 9px;
	padding-top: 13px;
	padding-bottom: 0px;
	padding-left: 9px;
	width: 97% !important;
}

form ul li.first {
	border-top: none !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
}

form .section h3 {
	font-weight: normal;
	font-size: 110%;
	line-height: 135%;
	margin: 0 0 2px 0;
}

form .section p {
	font-size: 85%;
	margin: 0 0 10px 0;
}

/* ----- FIELDS AND LABELS ----- */
label.desc {
	line-height: 150%;
	padding: 0 0 1px 0;
	border: none;
	color: #222;
	display: block;
	font-size: 95%;
	font-weight: bold;
}

form li div label,form li span label {
	margin: 0;
	padding-top: 6px;
	clear: both;
	font-size: 9px;
	line-height: 9px;
	color: #444;
	display: block;
}

input.text,input.file,textarea.textarea,select.select {
	margin: 0;
	font-size: 100%;
	color: #333;
}

input.text,textarea.textarea,.firefox select.select {
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
}

input.text,input.file {
	padding: 2px 0 2px 0;
}

label.choice {
	font-size: 100%;
	display: block;
	line-height: 1.5em;
	margin: -1.65em 0 0 25px;
	padding: .44em 0 .5em 0;
	color: #222;
	width: 90%;
	display: block;
}

input.checkbox,input.radio {
	display: block;
	line-height: 1.5em;
	margin: .6em 0 0 3px;
	width: 13px;
	height: 13px;
}

textarea.textarea {
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
}

select.select {
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	margin: 1px 0;
	padding: 1px 0 0 0;
}

select.select[class] {
	margin: 0;
	padding: 1px 0 1px 0;
}

*:first-child+html select.select[class] {
	margin: 1px 0;
}

/* ----- BUTTONS ----- */
input.btTxt {
	padding: 0 7px;
	width: auto;
	overflow: visible;
}

.buttons {
	clear: both;
	margin-top: 10px;
}

.buttons input {
	font-size: 120%;
	margin-right: 5px;
}

.rtl .info h2,.rtl .info p,.rtl label.desc,.rtl label.choice,.rtl div label,.rtl span label,.rtl input.text,.rtl textarea.textarea,.rtl select.select,.rtl p.instruct,.rtl .section h3,.rtl .section p,.rtl input.btTxt
	{
	direction: rtl;
}

.third {
	width: 32% !important;
}

.half {
	width: 48% !important;
}

.full {
	width: 100% !important;
}

input.small,select.small {
	width: 25%;
}

input.good,select.good {
	width: 40%;
}

input.medium,select.medium {
	width: 70%;
}

input.large,select.large,textarea.textarea {
	width: 100%;
}

textarea.small {
	height: 5.5em;
}

textarea.medium {
	height: 10em;
}

textarea.large {
	height: 20em;
}

.smNavlinks {
	color: #fff;
	font-family: arial, helvetica;
	font-size: 85%;
	text-decoration: none;
}

.smNavlinks a {
	color: #34297B;
	font-weight: 700;
	margin-right: 10px;
	text-decoration: none;
}

.smNavlinks a:hover {
	color: #CC99CC;
	text-decoration: underline;
}