/*
Title:		Synopsys Sign In: main_signin.css
Author: 	dcox@synopsys.com
Created:	October 2008
*/

html {
    margin:0;
    padding:0;
    background:#fff;
    color:#000;
}

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

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

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


/*BODY STRUCTURE */
#wrap {
    border: 1px solid #cccccc;
    background:#fff;
    margin:0 auto;
    width:750px;
    padding: 0 35px 30px 35px;
}

#header {
    background:#fff;
    height: 80px;
    padding-top: 0;
}

#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: #4e4e4e;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
}

#main_singleColumn h2  {
   	font-size: 150%;
	color: #4e4e4e;
	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;
}

.em {
    font-weight: bold;
    font-size:105%;
}


.secTitle{
    font-size: 94%;
    line-height: 1.5em;
	color: #4e4e4e;
	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;
	font-size: 90%;
}

#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:200px 0 25px 0;
    padding-top: 10px;
}

.copyreserve {
    font-size: 72%;
}

.copyreserve a {
color: #773D97;
text-decoration: none;
}

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

.contact {
font-size: 64%;
margin-left: 40px;
float: right;
}

.contact a {
color: #773D97;
text-decoration: none;
}

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

#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.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;
}



