/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Project: Dr.Reddy's Date: February 2009 CSS: Global Styles for all templates Project Designer: Panduranga Chary Kasoju ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Trac CSS */ body { background: #bcbcbc; color: #303030; margin: 0px; padding: 0;} body, th, td { font: normal 11px arial;color: #303030;} h1, h2, h3, h4 { font-family: arial,verdana,'Bitstream Vera Sans',helvetica,sans-serif; font-weight: bold; letter-spacing: -0.018em; } h1 { font-size: 19px; margin: .15em 1em 0 0 } h2 { font-size: 16px } h3 { font-size: 14px } hr { border: none; border-top: 1px solid #ccb; margin: 2em 0 } address { font-style: normal } img { border: none } tt { white-space: pre } .clear { clear:both; height: 0px; line-height: 0px;} .underline { text-decoration: underline } ul, li, ol, dl, dd, dt { padding: 0; margin: 0; list-style: None;} img { border:0 None; padding:0; margin:0;} a, a:link, a:visited { color:#303030; text-decoration:none} a:hover{text-decoration:underline;color:#303030;} hr { border:0; padding:0; margin:0; background:transparent;} address { font-style: normal;} align { text-align:left; } v-align { vertical-align:top;} /* ------------------------------------- MEDIA SECTION CSS ---------------------------------------*/ #shadow { width:950px; text-align:left; background:url(../images/shadowbg.jpg) top left repeat-y; margin:0 auto; padding:0;} #maincontainer { width:930px; text-align:left; margin:0 auto; padding:0;} #header { position:relative;} #header .toplinks { width:290px; margin:0px 0px 0px 15px; height:30px; } #header .toplinks span {padding: 0px 0px 0px 0px;} #header .toplinks p {padding: 8px 5px 5px 35px; margin: 0px 0 0px 0; text-align:left; font-size:11px;} #header .toplinks img {float: left; padding: 0px 0px 0 0px; margin: 0px 10px 10px 2px; } #header .plus { width:49px; position:absolute; margin:0px 0px 0px 15px; left:281px; top:7px;} #header .plus img {float: right; margin:0 auto; padding:0;} #header .nav {position:absolute; width:360px;left: 175px;top: 200px;} #fontsize {float:right; padding:0px 10px 0px 0px; height:25px; width:917px; text-align:right} #fontsize p {padding:0px 5px 0px 0px;} #fontsize p img {float:right; margin:0px 0px 0px 5px;} #header,#footer { width:auto; display:block; clear:both;} #header { width:auto; display:block; height:375px; background:url(../images/header_media.jpg) top left repeat-y; margin:0 auto; padding:0;} /*IN Header Boundaries had Topbar, Navbar*/ #header .headerlogo { display:block; clear:both; margin:0 auto;} #header .headerlogo p { float:right; padding:5px 5px 0px;display:block; } /* Middle Area */ #middlecontent {width:927px; display:block; padding:6px 0px 0px 0px; margin:0px 0px 0px 3px; text-align:left; background:url(../images/dotted_bg.gif) repeat-y 6px 9px; } #sublinks { float:left; width:194px; padding:32px 0px 0px 0px; margin:0; background:url(../images/media_hd.gif) top left no-repeat;} #sublinks img {padding:0; margin:0;} #sublinks ul {text-align:left} #sublinks ul li { background:url(../images/green_arrow_blt.jpg) no-repeat 11px 9px; padding:7px 0px 7px 30px; border-bottom:1px solid #fff; background-color:#f6f6f6} #sublinks ul li a {color:#4096c1} #sublinks ul li.active a {font-weight:bold} #rightbanners { float:left; width:198px; padding:0; margin:0; background-color:#fff} #mediapack { background:url(../images/q3fy09_mediapack1.gif) top left no-repeat;padding:40px 8px 0px 8px; margin:0; height:80px} #mediapack p { padding:10px 8px 0px 8px; margin:0; float:right} #mediapack p a { color:#71961d} #reports { background:url(../images/company_reports1.gif) top left no-repeat;padding:30px 5px 0px 5px; margin:0; height:122px} #reports .sub { width:85px; text-align:center; display:block; float:left;} #reports a { color:#4096c1; display:block; } /* Microsites */ #microsites { width:33px; background:url(../images/microsites_box.jpg) top left no-repeat; margin:8px 0px 0px 0px; height:28px; float:left; padding:6px 0px 0px 121px} #stockbar { width:740px; background:url(../images/stockbar_bg.jpg) top left repeat-x; margin:8px 0px 0px 0px; height:28px; float:left; border-right:1px solid #dbdbdb; padding:2px 0px 0px 7px; background-color:#fff; border-bottom:2px solid #fff;} #stockbar p {padding:7px 0px 0px 0px; margin:0px auto;font-weight:bold} #stockbar p span {color:#4096c1; font-weight:bold} #stockbar .search {float:right; margin:0px auto; width:135px; padding:2px 0px 0px 0px} #stockbar input {background-color:#fff; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; border:1px solid #bebebe; padding:2px; height:15px;} #stockbar .search span {padding:10px 0px 0px 0px; margin-top:3px;} /* Bottom Panels */ #bottompanels { width:729px; background:url(../images/bottom_panels_bg.jpg) top left repeat-x; margin:3px 4px 4px 2px; height:190px; float:left; border:1px solid #dbdbdb} #calendar { background:url(../images/fcalendar_hd.gif) 6px 2px no-repeat; float:left; width:177px; padding:35px 0px 0px 15px; margin:0px auto; } .divider { background:url(../images/dottedline_bg.gif) repeat-y left top ; float:left; width:3px; padding:0px; margin:25px 0px 0px 0px; height:140px;} #sms { background:url(../images/registration_hd.jpg) 10px 10px no-repeat; float:left; width:177px;float:left; width:177px; padding:35px 0px 0px 15px; margin:0px auto; } #sms p {padding:0px 0px 0px 0px; margin:0px 0px 5px 0px} #latestnews { background:url(../images/latest_press_hd.gif) 6px 2px no-repeat; float:left; width:287px; padding:30px 5px 5px 5px; margin:0px auto;} #latestnews ul {text-align:left} #latestnews ul li { background:url(../images/orange_bullet.gif) no-repeat 11px 9px; padding:5px 0px 8px 30px;} #latestnews ul li a { padding:0px;} #latestnews span a { padding:18px 0px 0px 10px; color:#71961d} #gallery { background:url(../images/image_gallery_hd.gif) 6px 2px no-repeat; float:left; width:220px; padding:35px 0px 0px 12px; margin:0px auto;} #gallery p {padding:5px 0px 0px 0px;} #earningscall {width:184px; height:85px; float:left; padding:5px 3px 0px 3px} #earningscall span {padding-top:5px} #earningscall ul {text-align:left} #earningscall ul li {background:url(../images/orange_bullet.gif) no-repeat 5px 9px; padding:5px 0px 2px 18px;} #earningscall ul li a {padding:0px;} #reckoner {width:184px; height:105px; float:left; padding:5px 3px 3px 3px} #reckoner a:link{color:#71961d;font-weight:bold} #reckoner a:visited{color:#71961d;font-weight:bold} #reckoner a:active{color:#71961d;font-weight:bold} #reckoner a:hover{color:#71961d;font-weight:bold} #reckoner p {margin:0px auto; padding:5px 0px 0px 5px} /* Footer */ #footer { background:url(../images/footer_dotted.gif) 25px 10px no-repeat; background-color:#dcdddc; width:auto; border: 1px solid #fff; margin:0px; padding:10px 0px 0px 50px; text-align:left; display:block; height:80px; } #footerlinks { color:#303030; width:590px; float:left} #footerlinks a { color:#303030;} #footerlinks p { margin:22px 0px 0px 0px; line-height:18px} #footerlinks p span { color:#4096c1; margin-top:5px} #footericons { margin:0px 0px 0px 5px; width:265px; float:left} #footericons p { margin:0px} #footericons img {float:right;margin:0px;border:0px solid #a1a0a0} #footershadow { background:url(../images/footer_shadow.gif) top left no-repeat; height:26px; background-color:#bcbcbc;} #footericons2 { margin:5px 0px 0px 5px; width:170px; float:right; height:35px} #footericons2 img {float:left;margin:0px; padding-top:1px} #footericons2 span {float:left; margin-top:12px} /* Footer Search Results */ #footersearch { width:877px;background:url(../images/footer_dotted.gif) 25px 10px no-repeat; background-color:#dcdddc; border: 1px solid #fff; margin:0px; padding:10px 0px 0px 50px; text-align:left; height:90px; } #footerlinkssearch { color:#303030; width:590px; float:left;border:0px solid #000} #footerlinkssearch a { color:#303030;} #footerlinkssearch p { margin:22px 0px 0px 0px; line-height:22px} #footerlinkssearch p span { color:#4096c1; margin-top:5px} #footericonssearch { margin:0px 0px 0px 5px; width:265px; float:left} #footericonssearch p { margin:0px} #footericonssearch img {float:right;margin:0px;border:0px solid #a1a0a0} #footershadowsearch { width:930px;border:0px solid #000;background:url(../images/footer_shadow.gif) top left no-repeat; height:26px; background-color:#bcbcbc;} #footericons2search { margin:5px 0px 0px 5px; width:170px; float:right; height:30px} #footericons2search img {float:left;margin:0px; padding-top:1px} #footericons2search span {float:left; margin-top:12px} /* Link styles */ :link, :visited { text-decoration: none; color: #b00; } :link:hover, :visited:hover { color: #555; } h1 :link, h1 :visited ,h2 :link, h2 :visited, h3 :link, h3 :visited, h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited { color: inherit; } /* Press Releases Page Slider */ #presscontent span {border-bottom:0px solid #e3e2e2} #presscontent p {padding:0px 0px 0px 10px;} #yeartabs {height:234px;margin:0px 7px;} #middlecolumn{background-color: transparent;margin: 0 0 0 0px;padding-left: 11px;padding-right: 10px;padding-bottom: 1em;} /*---------------Browse Other Sites TOPLINK Start-----------------------------*/ .shadetabs{padding: 3px 0;margin-left: 0;margin-top: 1px;margin-bottom: 0;font: bold 14px arial;list-style-type: none;text-align: left;} .shadetabs li{display: inline;margin: 0;} .shadetabs li a{text-decoration: none;padding: 3px 7px;margin-right: 1px;border-top: 2px solid #e2e2e2;border-left: 2px solid #e2e2e2;border-right: 2px solid #e2e2e2;font-weight:bold;color:#ffffff;outline:none;background-color:#FF9900;} .shadetabs li a:hover{color: #4f4f4e;} .shadetabs li.selected{position: relative;color:#000000} /*selected main tab style */ .shadetabs li.selected a{ background-color:#fbeacc;border-bottom-color: white;color:#333333;} /*selected main tab style */ .shadetabs li.selected a:hover{ text-decoration: none;} /*style of tab content oontainer*/ .tabcontentstyle{ border: 2px solid #e2e2e2;width: 96%;margin-bottom: 1em;padding:8px 8px; background:url(../images/tabsbg.jpg) repeat-x top ;} /*IE only */ .tabcontent{display:none;} @media print {.tabcontent {display:block!important;}} .tabcontentstyle ul{ margin:0px; padding:0px; } .tabcontentstyle ul li{ margin-left:10px; padding:0px; background:url(../images/arrow_1.jpg) no-repeat 0px 10px; text-align:left; list-style:none;padding:10px 0px 0px 20px;border-bottom:#CCCCCC 1px dotted;padding-bottom:12px; margin-bottom:4px;font-style:normal;width:400px;} /*---------------Browse Other Sites TOPLINK End-----------------------------*/ /*Browse Other Sites TOPLINK*/ .content {overflow:hidden; position:absolute; left:28px;top:34px; margin:0px auto; padding:0px;width:202px; z-index:1;} .text {left:28px; top:34px; margin:0px auto; padding:0px; width:200px; border:1px solid #ccc; } .text ul {text-align:left} .text ul li {padding:3px 0px 3px 30px; border-bottom:0px solid #fff; background-color:#f6f6f6} .text ul li a {color:#747474} #slider {width:200px; z-index:6} .header {width:200px; border:0px solid #9ac1c9; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer;} /*Press Release Tabs*/ #presscontent { background:url(../images/pressreleases_hd.gif) 16px 2px no-repeat; float:left; width:500px; padding:49px 0px 0px 20px; margin:0px 5px;} #presscontent a{color:#4769a2;outline:none;} #presscontent span{color:#303030;} #presscontent ul{ margin:0px; padding:0px; } #presscontent ul li{ margin-left:10px; padding:0px; background:url(../images/arrow_1.jpg) no-repeat 0px 21px; text-align:left; list-style:none;padding:0px 0px 0px 20px;border-bottom:#CCCCCC 1px dotted;padding-bottom:6px; margin-bottom:4px;font-style:normal;width:400px;} /* Menu Tabs */ #header .nav2 {position:absolute; width:360px;left: 175px;top: 200px;} #header .nav3 {position:absolute; width:360px;left: 175px;top: 200px;} #header .nav4 {position:absolute; width:360px;left: 175px;top: 200px;} #header .nav5 {position:absolute; width:360px;left: 175px;top: 200px;} /* Image Gallery Scrollig */ #gallery { background:url(../images/image_gallery_hd.gif) 6px 2px no-repeat; float:left; width:220px; padding:35px 6px 0px 6px; margin:0px auto;} #gallery p {padding:5px 0px 0px 0px;} .facilities{padding-bottom:7px;padding-left:11px;} .view{padding-top:12px;} .view a:link{color:#71961d;} .view a:visited{color:#71961d;} .view a:active{color:#71961d;} .view a:hover{color:#71961d;} .galley{width:221px;height:57px;background-color:#d4d5d5;} * html.galley{width:221px;height:54px;background-color:#d4d5d5;padding-top:2px} .left{float:left;padding-top:0px;} .scrolldiv{float:left;width:194px;height:55px;padding-top:1px;padding-left:1px;padding-right:1px;} /* Mediakit*/ .mediakit { background:url(../images/mediakit.jpg) 16px 2px no-repeat; float:left; width:505px; padding:49px 0px 0px 15px; margin:0px 5px;} .left_1{width:250px;float:left;margin-top:6px;} .left_1 div{float:left;} .right div{float:left;} .right{width:250px;float:left;margin-top:6px;} .icon{width:50px;height:70px;float:left;} .text_1{float:left;width:140px;color:#6fadd2;font-weight:bold;padding-top:24px;} .mediakit a:link{color:#6fadd2;} .mediakit a:visited{color:#6fadd2;} .mediakit a:hover{color:#6fadd2;} .mediakit a:active{color:#6fadd2;} /* Image Gallery*/ .imagegallery { background:url(../images/imagegalleryhead.jpg) 16px 2px no-repeat; float:left; width:512px; padding:49px 0px 0px 8px; margin:0px 5px;} .imagegallery a{font-size:12px;} .imagegallery a:hover{font-size:12px;text-decoration:none} .imagegallery .selected{color:#FF9900;font-weight:bold;font-size:12px} .img{padding:6px 0px 6px 0px;width:248px;} .image{width:90px;height:80px;float:left;} .dec{float:left;width:150px;padding:4px 0px 0px 4px;} .dec span{font-weight:bold} .dec a:link{color:#4769a2;font-size:11px;} .dec a:active{color:#4769a2;font-size:11px;} .dec a:visited{color:#4769a2;font-size:11px;} .dec a:hover{color:#4769a2;font-size:11px;text-decoration:underline;} .bredcrum{padding:7px 0px 0px 15px;background:url(../images/stro.jpg) repeat-x; height:24px;} .bredcrum_in{padding:6px 0px 0px 15px;background-color:#f8f8f8; height:24px;} .bredcrum_right{padding-bottom:6px;text-align:right;padding-right:10px;} /*---------------BROWSER OUR OTHER SITES starts here-----------------------------*/ #browsemenu{ margin: 0px 0px 0px 60px; padding: 0px; width: 5px; /*width of menu*/ border:0px solid #f0f; height:10px; position:relative; top:-20px; left:-70px; display:block; z-index:100000000; } #browsemenu p {margin:0px auto; padding:3px; border:0px solid #ff0000} #browsemenu a.menuitem{ font: bold 14px Arial; color: white; top:-5px; right:-205px; bottom:0px; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding:3px 0px 0px 0px; text-decoration: none; display:block; } #browsemenu a.menuitem:visited, .browsemenu .menuitem:active{ color: white; } .submenuheader{width:120px;text-align:right;color:#cbd0d4;} #browsemenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none; } #browsemenu a.menuitem:hover{ border:0px solid #000; } #browsemenu div.submenu{ /*DIV that contains each sub menu*/ background: #f6f6f6; border:1px solid #cccccc; z-index:100; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; margin-top:2px; } #browsemenu div.submenu ul{ /*UL of each sub menu*/ text-align:left; } #browsemenu div.submenu ul li{background:url(../images/orange_bullet.gif) no-repeat 20px 9px; margin: 0px;padding:3px 0px 3px 30px; border-bottom:0px solid #fff; background-color:#fff; } #browsemenu div.submenu ul li a{ color:#747474; text-decoration: none; padding:3px 0px 3px 10px; border-bottom:0px solid #fff; ; } #browsemenu div.submenu ul li a:hover{ text-decoration:underline } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Infocus - ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #infocus { float:left; width:730px; padding:0px 0px 0px 0px; margin:0px auto;background:url(../images/dottedline_bg.gif) repeat-y right;} #infocus span {border-bottom:0px solid #e3e2e2} #infocus p {padding:0px 0px 0px 8px; margin:10px 20px 10px 19px; text-align:justify} .infocusmenu {padding:8px 0px 0px 3px;background:url(../images/stro.jpg) repeat-x; height:24px; margin-right:12px; } .infocusmenu span {font-weight:bold; color:#F49717; padding:0px 5px 0px 5px;} .infocusmenu span a.act:link, a.act:active, a.act:hover, a.act:visited{padding:0px 5px 0px 5px; font-size:11px; color:#FF9900;font-weight:bold;} .infocusmenu a.act:hover{text-decoration:underline; padding:0px 5px 0px 5px;} .infocusmenu a.sub:link, a.sub:active, a.sub:visited{font-weight:bold; padding:0px 5px 0px 5px; font-size:11px; color:#7d7d7d} .infocusmenu a.sub:hover {text-decoration:underline; padding:0px 5px 0px 5px;} .infocusmenu a.select:link{font-weight:bold; color:#F49717;padding:0px 5px 0px 5px;} .infocusmenu a.select:visited{font-weight:bold; color:#F49717;padding:0px 5px 0px 5px;} .infocusmenu a.select:hover{font-weight:bold; color:#F49717;padding:0px 5px 0px 5px;} .infocusmenu a.select:active{font-weight:bold; color:#F49717;padding:0px 5px 0px 5px;} #infocus_middlecontent {width:927px; display:block; padding:19px 0px 0px 0px; margin:0px 0px 0px 3px; text-align:left; } #infocusright { float:left; width:184px; padding:0px 0px 10px 0px; margin:0;padding:0px 0px 0px 6px} #infocusright_head { float:left; width:184px; padding:0px; margin:0px 0px 10px px;} #infocusright_head ul { padding-left:5px; margin:0;} #infocusright_head ul li{margin:0px; padding:2px 0px 2px 15px;background:url(../images/arrow_1.jpg) no-repeat left 2px ;} #infocusright_head ul li a:link{color:#4096c1} #infocusright_head ul li a:visited{color:#4096c1} #infocusright_head ul li a:active{color:#4096c1} #infocusright_head ul li a:hover{color:#4096c1;text-decoration:underline} #infocusright_heading{padding:0px 0px 7px 0px;float:left; width:184px;} .whole_div{width:680px;float:left;padding:0px 0px 0px 10px;background:url(../images/dottedline_bg.gif) repeat-x bottom;margin:5px 0px 0px 15px} *html .whole_div{width:680px;float:left;padding:0px 0px 0px 10px;background:url(../images/dottedline_bg.gif) repeat-x bottom;margin:5px 0px 0px 12px} .text_div{width:550px;float:left;padding:0px 0px 0px 6px;} .without{width:630px;float:left;padding:0px 0px 0px 6px;} .focus_div{width:104;float:left;padding:5px 3px 5px 3px;} .whole_div strong{color:#71961d;font-weight:bold;line-height:25px;} .whole_div a:link{color:#4096c1;line-height:25px;} .whole_div a:visited{color:#4096c1;line-height:25px;} .whole_div a:hover{color:#4096c1;line-height:25px;} .whole_div a:active{color:#4096c1;line-height:25px;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ RSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .ho_content{float:left;width:901px;text-align:justify;padding:7px 5px;} .mi{float:left} .table_abt1{width:810px;background:url(../images/stockbar_bg.jpg) repeat-x;height:28px;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc} .td_head{width:140px;font-weight:bold;text-align:center;padding-top:5px;border-right:1px solid #dcdcdc;height:23px} .td_he{width:140px;font-weight:bold;text-align:center;padding-top:5px;border-left:1px solid #dcdcdc;height:23px} .td_ad{width:140px;font-weight:bold;text-align:center;padding-top:5px;border-left:1px solid #dcdcdc;height:23px} .td_head_1{width:355px;height:23px;padding:5px 0px 0px 10px;font-weight:bold} .tabl_plane{width:510px;background-color:#F0F0F0;height:23px;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc} .table_alter_1{width:810px;height:23px;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc} .td_col{width:140px;font-weight:bold;text-align:center;border-right:1px solid #dcdcdc;height:20px;padding:2px 0px 0px 0px;} .td_ol{width:140px;font-weight:bold;text-align:center;border-left:1px solid #dcdcdc;height:20px;padding:2px 0px 0px 0px;} .td_col_1{width:355px;height:20px;padding:2px 0px 0px 10px;} /* MILESTONES END*/ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CSS SUBMIT BUTTONS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .submitbtn { background:url(../images/sub_btn_bg.gif) repeat-x; border:1px solid #0170a7; color:#fff; font-weight:bold; font-size:12px; font-family:arial; height:22px} .txt_upp{text-transform:uppercase;}